我想從一個選擇框的值交換到另一個使用jquery切換選擇選擇框選擇的值，jquery的：上點擊

MY選擇框是在http://harvesthq.github.io/chosen/

實施例的形式：

說我有2個下拉選擇框，首先我選擇了美元&秒我選擇了EURO，點擊開關按鈕後兩個選擇框的選擇值&級別應該換位

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"/>

UPDATE：

在簡單的選擇框其工作但整合後，同樣的事情是不工作。任何想法？

來源

2014-04-24 user2173803

你的小提琴作品正是你如何解釋它應該 – George

@oGeez哦，我更新了我的問題。 – user2173803

我解決我的問題，從這個答案http://stackoverflow.com/a/9679013/2178632 – user2173803

試試這個

$("#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");"應該觸發選擇更新。我還沒有測試過，因爲我沒有選擇（或現在的時間）！ :)

來源

2014-04-24 08:03:53 chandu

PLZ檢查我的問題，我再次有不同勢類型選擇框 – user2173803

觸發上述功能$的這個功能結束（「＃from_currency，#to_currency」）的。觸發器（「選擇：更新」）; – chandu

我嘗試了你所給的，但仍然沒有發生 – user2173803

試試這個：

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

你並不需要選擇的選項：選擇時，.VAL（）jQuery不會爲你。

來源

2014-04-24 07:57:56 wobbit

PLZ看看@我的問題，我已經更新了。 – user2173803

問題是下拉列表中，當你使用chosenbox隱藏。你要加$（「＃to_currency，#from_currency」）觸發（「選擇：更新」）。就在行結束之前。我已經更新了我的答案，它應* *工作:) – wobbit

哪裏更新？ – user2173803

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

PL CHK在http://jsfiddle.net/34kcb/2/答案和值在選擇框的工作，因爲你需要轉乘..

來源

2014-04-24 08:40:47 Runny

jquery的：上點擊

UPDATE：

回答

相關問題