Я хочу добавить, удалить 'option1' и добавить другой параметр в той же позиции, используя jQuery: предположим, мои варианты:
<select id="selectBox" name="selectBox">
<option value="option"> option1 </option>
<option value="option2"> option2 </option>
<option value="option3"> option3 </option>
<option value="option4"> option4 </option>
</select>
После удаления и добавления мне нужны следующие параметры:
<select id="selectBox" name="selectBox">
<option value="myoption"> myoption </option>
<option value="option2"> option2 </option>
<option value="option3"> option3 </option>
<option value="option4"> option4 </option>
</select>
Мой сценарий:
$("#selectBox option[value='option1']").remove();
$("#selectBox").append('<option value="myoption">myoption </option> ');
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select id="selectBox" name="selectBox">
<option value="option"> option1 </option>
<option value="option2"> option2 </option>
<option value="option3"> option3 </option>
<option value="option4"> option4 </option>
</select>
В моем случае он может удалить опцию, но добавить ее в последнюю позицию. Есть ли способ работы с индексом?