xxxxxxxxxx1
<select id="agentNumberElement" data-mdb-select-init>2
<option value="1">One</option>3
<option value="2">Two</option>4
<option value="3">Three</option>5
<option value="4">Four</option>6
<option value="5">Five</option>7
<option value="6">Six</option>8
<option value="7">Seven</option>9
<option value="8">Eight</option>10
</select>11
12
<select id="brokerNumberElement" data-mdb-select-init>13
<option value="1">One</option>14
<option value="2">Two</option>15
<option value="3">Three</option>16
<option value="4">Four</option>17
<option value="5">Five</option>18
<option value="6">Six</option>19
<option value="7">Seven</option>20
<option value="8">Eight</option>21
</select>22
1
1
xxxxxxxxxx1
const agentNumberElement = document.getElementById('agentNumberElement')2
const brokerNumberElement = document.getElementById('brokerNumberElement')3
4
const agentSelectInstance = mdb.Select.getInstance(agentNumberElement)5
const brokerSelectInstance = mdb.Select.getInstance(brokerNumberElement)6
7
8
// Event listener for the agent select9
agentNumberElement.addEventListener('valueChanged.mdb.select', function () {10
if (this.value !== "1") { 11
alert('agent')12
brokerSelectInstance.setValue(1);13
} else {14
alert('broker !== 1 -> agent changed to 1')15
}16
});17
// Event listener for the broker select18
brokerNumberElement.addEventListener('valueChanged.mdb.select', function () {19
if (this.value !== "1") {20
alert('broker')21
agentSelectInstance.setValue(1); 22
} else {23
alert('agent !== 1 -> broker changed to 1')24
}25
}); Console errors: 0