JQuery удалять select динамический

у меня есть динамический select с ajax, который он создает selects с категориями. Я пробую способствовать тому, чтобы, когда slecet будет выбран в 'seleccione', тех, которые есть впереди, они удалили. С этим кодом, когда я помещаю в seleccione второй select, мне удаляет все кроме первого.

<select name="selector-list" class="selector-list">
  <option value="seleccione">Seleccionar</option>
  <option value="agricultor">A</option>
  <option value="viveristas">B</option>
</select>

<select name="selector-list" class="selector-list">
 <option value="seleccione">Seleccionar</option>
 <option value="frutos-secos">A.A</option>
 <option value="olivos">A.B</option>
</select>

<select name="selector-list" class="selector-list">
 <option value="seleccione">Seleccionar</option>
 <option value="arbequina">A.A.A</option>
 <option value="arbosana">A.A.B</option>
 <option value="koronieki">A.A.C</option>
</select>

JQuery:

if(s == 'seleccione'){
    jQuery('.selector-list').nextUntil().remove();
}
0
задан 05.11.2019, 17:22
1 ответ

Можешь делать ты validaciГіn в событии onchange, где ты использовал not, чтобы исключать селектор, откуда generГі событие и заменять html оставшейся части селекторов.

$(".selector-list").change(function(){
    $(".selector-list").not($(this)).html('<option value="seleccione">Seleccionar</option>');
});
0
ответ дан 01.12.2019, 12:41