如何通过按钮点击调用下拉列表的更改事件 [英] How to call on change event of dropdown by button click

问题描述

如何通过点击按钮进行更改活动

< select name =dropdown1选择> 
 
< option value =1> Test 1< / option> 
< option value =2>测试2< /选项> 
< option value =3> Test 3< / option> 
< option value =4> Test 4< / option> 
< option value =5> Test 5< / option> 
< / select> 
 
< select name =dropdown2selected> 
 
< option value =1> Test 1< / option> 
< option value =2>测试2< /选项> 
< 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 +'] '）。去掉（）; 
} 
}）; 
}）; 

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

但第二个淹没清单项目测试1未被删除。

解决方案

（＃plus）。click（function（）{
var selectedItem =

（

dropdown1）.VAL（）;
alert（selectedItem）;

How to made on change event by clicking button

<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();
    }
});
});

What I have tried:

I have tried with below code but not populating second dropdown

$("#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>

But the second drown list item Test 1 is not removed.

解决方案

("#plus").click(function(){ var selectedItem =

(

dropdown1).val(); alert(selectedItem);

这篇关于如何通过按钮点击调用下拉列表的更改事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！