Как вызвать событие изменения выпадающего списка нажатием кнопки
Как сделать на изменение события, нажав кнопку
<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 не удаляется.