使用 jQuery 从多个 select 元素中删除最后一个选项值

Question

我有两个 select 元素，我需要使用 jQuery.

从两个 select 中删除最后一个选项

第一个 Select 元素

<select class="selBooks" name="select1" >
  <option value="8247(random)">Opt2</option>
  <option value="1939(random)">Opt1</option>
</select>

第二个 Select 元素

<select class="selBooks" name="select2" >
  <option value="8244(random)">Opt3</option>
  <option value="1938(random)">Opt4</option>
</select>

jQuery

$(".selBooks option:last").remove();

当我尝试这样做时，它只会删除第二个 select 元素的最后一个选项。如果我做错了什么或者有其他方法可以做到这一点，请指导我。

Answer 1

使用循环迭代 .selBooks 并删除 class 的最后一个元素。

$('.selBooks').each(function() {
  $(this).find("option:last").remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="selBooks" name="select1" >
  <option value="8247(random)">Opt2</option>
  <option value="1939(random)">Opt1</option>
</select>

Second Select Element

<select class="selBooks" name="select2" >
  <option value="8244(random)">Opt3</option>
  <option value="1938(random)">Opt4</option>
</select>

jQuery

Answer 2

尝试 name

    $(".selBooks[name=select1] option:last").remove();
    $(".selBooks[name=select2] option:last").remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="selBooks" name="select1" >
  <option value="8247(random)">Opt2</option>
  <option value="1939(random)">Opt1</option>
</select>
Second Select Element

<select class="selBooks" name="select2" >
  <option value="8244(random)">Opt3</option>
  <option value="1938(random)">Opt4</option>
</select>

Answer 3

使用last-child。

$('.selBooks option:last-child').remove();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select class="selBooks" name="select1">
  <option value="8247(random)">Opt2</option>
  <option value="1939(random)">Opt1</option>
</select>


<select class="selBooks" name="select2">
  <option value="8244(random)">Opt3</option>
  <option value="1938(random)">Opt4</option>
</select>

使用 jQuery 从多个 select 元素中删除最后一个选项值

Remove last option value from multiple select element using jQuery

javascript

jquery

select

option