jQuery：在单击时切换选择的选择框选择的值

Question

我想使用jQuery将一个选择框的值交换到另一个选择框，

我的选择框的形式为http://harvesthq.github.io/chosen/

例：

说我有2个下拉选择框，首先我选择了美元，其次我选择了欧元，单击开关按钮时，选择框选择的值和水平都应互换

http://jsfiddle.net/34kcb/ （未选择效果，效果很好）

我尝试了下面的代码，但现在它给了我我想要的东西，所以也许您可以帮助我

$("body").on("click", "#switchid", function(){ 
               var frm='';var to='';
               frm=$("#from_currency option:selected").val(); 
               to=$("#to_currency option:selected").val(); 
               $("#to_currency").val(frm);
              $("#from_currency").val(to);
              //currencyConverter();
  });

HTML代码

 <select name="from_currency" id="from_currency">
                  <option value="USD">USD : United States Dollar</option> 
                  <option value="EUR">EUR : Euro</option> 
                  <option value="JPY">JPY : Japanese Yen</option>
                  <option value="INR">INR : Indian Rupee</option>
     </select>
<br/>

    <select name="to_currency" id="to_currency"> 
                  <option value="EUR">EUR : Euro</option>  
                  <option value="USD">USD : United States Dollar</option> 
                  <option value="JPY">JPY : Japanese Yen</option>
                  <option value="INR">INR : Indian Rupee</option>
     </select>

<br/>

<input type="button" id="switchid" value="Switch"/>

更新：

在简单的选择框中，它可以正常工作，但是在与“ 选择的选择框”集成后，同样的东西不起作用。 任何想法？

Answer 1

尝试这个：

$("body").on("click", "#switchid", function(){ 
  var frm = '';
  var to ='';
  frm = $("#from_currency").val(); 
  to = $("#to_currency").val(); 
  $("#to_currency").val(frm);
  $("#from_currency").val(to);
  $("#from_currency, #to_currency").trigger("chosen:updated");
});

在这里工作： http ： //jsfiddle.net/H5x5u/

您不需要选择以下选项：selected，.val（）jQuery会为您完成此操作。

Answer 2

试试这个

$("#switchid").on("click", function(){ 
          var frm = '';
          var to ='';
          frm = $("#from_currency").val(); 
          to = $("#to_currency option:selected").val(); 
          $("#to_currency").val(frm);
          $("#from_currency").val(to);
          $("#from_currency, #to_currency").trigger("chosen:updated");
        });

最后一行" $("#from_currency, #to_currency").trigger("chosen:updated");" 应该触发选择更新。 我还没有测试过，因为我还没有选择（或当前时间）！ :)

Answer 3

$("body").on("click", "#switchid", function(){ 
 var firstDropDownValue = $("#from_currency option:selected").attr('selected','selected').val();  
 var secondDropDownValue = $("#to_currency option:selected").attr('selected','selected').val();
var afterSwitchFirstValue = $("#from_currency").val(secondDropDownValue);        
var afterSwitchSecondValue = $("#to_currency").val(firstDropDownValue);
  });

请在http://jsfiddle.net/34kcb/2/中找到答案，并且该值在selectbox中可以根据需要进行互换。