I have five HTML selects
with different values, but the options have the same text. How do I compare the text options, instead of the values, and disable the the respective option in every other select? For example, if I have:
<select name="options[70]" id="select_70">
<option value="1" price="0"> test-1 </option>
<option value="2" price="0"> test-2 </option>
<option value="3" price="0"> test-3 </option>
</select>
<select name="options[71]" id="select_71">
<option value="4" price="0"> test-1 </option>
<option value="5" price="0"> test-2 </option>
<option value="6" price="0"> test-3 </option>
</select>
<select name="options[72]" id="select_72">
<option value="7" price="0"> test-1 </option>
<option value="8" price="0"> test-2 </option>
<option value="9" price="0"> test-3 </option>
</select>
<select name="options[73]" id="select_73">
<option value="10" price="0"> test-1 </option>
<option value="11" price="0"> test-2 </option>
<option value="12" price="0"> test-3 </option>
</select>
<select name="options[74]" id="select_74">
<option value="13" price="0"> test-1 </option>
<option value="14" price="0"> test-2 </option>
<option value="15" price="0"> test-3 </option>
</select>
Suppose the user selects the option test-1
in the last select
. This should disable the corresponding option
in the other selects. How can I achieve that?