如何在選擇輸入之間切換

Question

我想要有一個交換按鈕，如Google翻譯， 這個按鈕應該在表格選擇輸入之間切換 每個選擇器顯示貨幣列表。我想單擊並簡單地在值之間進行交換。 即

<select name="from" id="from" class="form-control" onchange="selectValue(this);"> 
    <option value="ILS"> Israeli Shekel (₪) </option> 
    <option value="USD" selected=""> US Dollar (USD) </option> 
    <option value="EUR"> Euro (EUR) </option> 
</select> 

<select name="to" id="to" ONCHANGE="goto(this.form)" class="form-control"> 
    <option value="ILS" selected=""> Israeli Shekel (₪) </option> 
    <option value="USD"> US Dollar (USD) </option> 
    <option value="EUR"> Euro (EUR) </option> 
    <option value="GBP"> British Pound (GBP) </option> 
</select> 

<button type="button" class="btn btn-lg center-block w100" onclick="swap();">Swap</button> 

JS：

<script> 
    var a = document.getElementById("from").index; 
    // var value = a.options[a.selectedIndex].value; 
    var b = document.getElementId("to").index; 
    var c = b; 

    function swap() { 
     document.getElementById("from").selectedIndex = c; 
     document.getElementById("to").selectedIndex = a; 
    } 
</script> 

當點擊它只是改變一個值，它是用指數來做到這一點？ 我想這個運行在電話差距。

Answer 1

你應該嘗試下面的jQuery代碼。

$('button').click(function(){ 
    var from = $('#from').val(), 
     to = $('#to').val(); 
    $('#from').val(to); 
    $('#to').val(from); 
});