DGKumar Ответов: 2

Как вызвать событие изменения выпадающего списка нажатием кнопки


Как сделать на изменение события, нажав кнопку


<select name="dropdown1" selected>
 
  <option value="1">Test 1</option>
  <option value="2">Test 2</option>
  <option value="3">Test 3</option>
  <option value="4">Test 4</option>
  <option value="5">Test 5</option>
</select>

<select name="dropdown2" selected>
  
  <option value="1">Test 1</option>
  <option value="2">Test 2</option>
  <option value="3">Test 3</option>
  <option value="4">Test 4</option>
  <option value="5">Test 5</option>
</select>

$("#plus").click(function(){
var selectedItem = $($dropdown1).val();
alert(selectedItem);
    $dropdown1.on('change',function() {
    $dropdown2.empty().append($dropdown1.find('option').clone());
    //var selectedItem = $(this).val();
    if (selectedItem) {
        $dropdown2.find('option[value="' + selectedItem + '"]').remove();
    }
});
});


Что я уже пробовал:

Я пробовал использовать приведенный ниже код, но не заполнял второй выпадающий список
$("#plus").click(function(){
var selectedItem = $($dropdown1).val();
alert(selectedItem);
    $dropdown1.on('change',function() {
    $dropdown2.empty().append($dropdown1.find('option').clone());
    //var selectedItem = $(this).val();
    if (selectedItem) {
        $dropdown2.find('option[value="' + selectedItem + '"]').remove();
    }
});
});

<button id="plus" value="+">+</button>



Но второй пункт списка утопления теста 1 не удаляется.

2 Ответов

Рейтинг:
1

njammy

Переместите свой код :
$dropdown1. on ('change'...

чтобы выйти за пределы $("#plus"), нажмите кнопку(...
функция.
Если вы обратитесь к документации jQuery, то функция $object. on является привязкой выражения, поэтому при вызове в вашем коде в данный момент она только связывает его, но не вызывает.


Рейтинг:
0

Ramesh Kumar Barik

Вам нужно вызвать событие изменения выпадающего списка из вашего события нажатия кнопки.

$("#plus"). click (функция(){
//Ваш код.
// триггерный код

$('#YourDDLId'). trigger ('change');

});

// Напишите свое событие изменения выпадающего списка

$('#YourDDLId'). on ('change', функция () {
// Ваш код.

});

Попробовать это..