Удалена опция из базы выбора по значению опции в jquery

Question

Кто-нибудь знает, как я могу удалить опцию из базы выбора по значению опции в jquery?

пример:

<select name="group_select">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>

В этом случае я хотел бы удалить B, просто нажав на кнопку и не выбрав опцию. Возможно ли, что я могу просто удалить эту опцию, просто основываясь на значении оприона "a" ??

Answer 1

Извините, если я вас полностью не понимаю, но вы просто хотите удалить элемент нажатием кнопки? В этом случае вы можете сделать что-то вроде этого:

HTML на вашей странице:

<p>
    <input type="button" id="btnRemoveA" value="Remove A" />
</p>
<select name="group_select">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>

Javascript:

<script type="text/javascript">
    $(function() {
        $("#btnRemoveA").click(function() {
            $("select[name=group_select] > option[value=a]").remove();
        });
    });
</script>

Когда ваша страница загружается, она прикрепляет событие click к «btnRemoveA», которое находит элемент select с именем «group_select», а затем ищет дочерний элемент option со значением «a». Затем он удаляет этот элемент option.

На странице документации jQuery есть больше информации о различных селекторах, которые вы можете использовать: -> http://docs.jquery.com/Selectors