Question

如何在select中通过JQuery隐藏选项。

 <select class="my_select_box chosen-rtl">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
  </select>

我希望在某些条件下隐藏值1和值2

Answer 1

尝试使用:not()选择器以及:selected选择器和.remove()功能来完成您的任务，

$('.my_select_box.chosen-rtl option:not(:selected)').remove()

Answer 2

要使用选项值删除选项，您可以使用：

$('[value="2"],[value="3"]','select.my_select_box').remove();

Answer 3

试试这个：

注意：假设value =“1”的选项未删除

$('.my_select_box').find('option').not('[value="1"]').remove();

工作Demo.

Answer 4

您可以使用:gt()：

$('.my_select_box.chosen-rtl option:gt(0)').remove();

然而，我们需要知道您不希望删除哪个选项？

Answer 5

使用此

<script> 

$(function () { //DOM Ready

   var sel=$('select').text();// select text e.g Option 1
   var split=sel.split('Option');  // split 
   alert(split);   



});  

 </script>

隐藏选项中的选项

5 个答案: