選択入力間のスワップ方法

Question

私はGoogle Translateのようにスワップボタンを持っています。 このボタンはフォーム内の選択入力間を入れ替えるべきです。 各セレクタは通貨のリストを表示します。私はクリックして、単に値を入れ替えたいと思う。 すなわち

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

それは一つの値だけを変更クリックすると、それがインデックスでそれを行うための方法ですか？ 私はこれをPhone Gapで実行したいと思います。

Answer 1

以下のjqueryコードを試してください。

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