Удаление опций из Выбрать с помощью Jquery

Question

Удаление опций из Выбрать с помощью Jquery

0

<select>
    <option value="Value 1">Apple</option>
    <option value="Value 2">Mango</option>
    <option value="Value 3">Grape</option>
    <option value="Value 4">Banana</option>
</select>

И у меня есть String "Grape", и результат должен быть таким.

<select>
    <option value="Value 1">Apple</option>
    <option value="Value 2">Mango</option>
    <option value="Value 4">Banana</option>
</select>

Как это сделать?

vicky 24 сен. 2013, в 12:35

Источник

Теги:

jquery

html

select

4 ответа

0

дайте свой выбор id (уникальный), используйте селектор id, чтобы получить элемент select. и использование :contains селектор

$(function(){ 
  $('#givenSelectID option:contains("Grape")').remove();
});

bipen 24 сен. 2013, в 08:07

0

Проверьте скрипт Js

http://jsfiddle.net/CZL2y/

$(document).ready(function() {
 var txt = "Grape";
var element = $( "select option:contains('"+ txt +"')" );
element.remove();
});

Arun Bertil 24 сен. 2013, в 07:55

0

Вы можете использовать содержит селектор и удалить функцию.

$('select option:contains(Grape)').remove();

Рабочая демонстрация

Примечание. Лучше, если вы дадите ID select элементу.

letiagoalves 24 сен. 2013, в 07:51

Ещё вопросы

Lix · Accepted Answer · 2013-09-24T08-34-00.000Z

Вам нужно будет использовать jQuery :contains() selector -

:contains() - выбор всех элементов, содержащих указанный текст.

Например:

var txt = "Grape";
var element = $( "#selectElement option:contains('"+ txt +"')" );
element.remove(); // now just remove it