Как удалить параметр из списка выбора JQuery или Javascript?
В моем списке не может быть значения опции, например
<option value = "some_value"> Some text</option>
Мой текущий код
<select id = "select1">
<option>One</option>
<option>Two</option>
<option>Three</option>
</select>
<script src=
"https://code.jquery.com/jquery-3.3.1.min.js">
</script>
<script>
$("option[value='Three']").remove()
</script>
Я не могу найти способ удалить опцию из списка, если опция не имеет значения.
Я попытался удалить его с помощью JQuery, но это не сработало.
Спасибо
@freedomn-m, но есть ли вариант, когда он не содержит, но строка должна быть именно такой?
Также: этот ответ
@freedomn-m Это не работает
@freedomn-m также, если при выборе просто используется имя = что-то вместо id = что-то, как мне заставить код работать только в этом одном списке? это как. $("#listname option:contains(one)").remove()?
jquery использует те же правила, что и css. learn.jquery.com/using-jquery-core/selecting-elements/… developer.mozilla.org/en-US/docs/Web/CSS/…
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 5
Вы можете использовать jQuery :contains()
$("option:contains('Three')").remove()
Добавьте свойство id к каждому тегу option, а затем просто выберите этот идентификатор.
если вам нужно, чтобы он работал динамически, вы можете создать несколько букв с порядковым номером, например. opt-1, opt-2 ....
вы можете использовать цикл на всех #select1 option
чтобы иметь возможность написать условие if, чтобы определить, следует ли удалять опцию или нет
$("#select1 option").each((index, option) => {
if ({your condition}) {
$(option).remove();
}
});
$("#select1 option").each((index, option) => {
if ($(option).text() === 'Three') {
$(option).remove();
}
});<select id = "select1">
<option>One</option>
<option>Two</option>
<option>Three</option>
</select>
<script src = "https://code.jquery.com/jquery-3.3.1.min.js">
</script>Это мой последний код
<select id = "select1">
<option>One</option>
<option>Two</option>
<option>Three</option>
</select>
<script src=
"https://code.jquery.com/jquery-3.3.1.min.js">
</script>
<script>
$("option:contains(Three)").remove()
</script>Это работает, и это эффективный код
Выберите вариант из списка, который необходимо удалить. Используйте метод jQuery remove(), чтобы удалить параметр из HTML-документа.
$("option:contains('Three')").remove()
Это не работает, потому что опция не имеет значения
если опция не имеет значения - как бы вы определили, какую опцию удалить? Третий? 2-й? По его тексту? Ваш код удаляет по значению, любой другой код нужно будет удалить по X - в зависимости от того, какой X определяет, что это за код. например, чтобы удалить текст:
$("option:contains(Three)").remove()