Удалить последнее значение параметра из элемента множественного выбора с помощью jQuery - PullRequest
Новая
       20

Удалить последнее значение параметра из элемента множественного выбора с помощью jQuery

0 голосов
/ 21 мая 2018

У меня есть два элемента выбора, и мне нужно удалить последний вариант из обоих вариантов выбора с помощью jQuery.

Первый элемент выбора 

<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 

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

Когда я пытаюсь это сделать, он удаляет только последний параметр второго элемента выбора.Пожалуйста, направляйте меня, если я делаю что-то не так или есть другой способ добиться этого.

Ответы [ 3 ]

0 голосов
/ 21 мая 2018

Попробуйте по 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>
0 голосов
/ 21 мая 2018

Используйте 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>
0 голосов
/ 21 мая 2018

итерируйте .selBooks с циклом и удалите последний элемент этого класса.

$('.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
...