Wie zwischen ausgewählten Eingaben zu wechseln

Question

Ich möchte eine Austauschtaste wie in Google Translate haben, diese Schaltfläche sollte zwischen den Auswahleingaben in einem Formular wechseln jeder Selektor zeigt eine Liste der Währungen. Ich möchte klicken und einfach zwischen den Werten wechseln. heißt

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

Beim Anklicken ändert es nur einen Wert, ist es so, wie es mit dem Index zu tun? Ich möchte, dass dies über Phone Gap läuft.

Answer 1

Sie sollten unter jquery Code versuchen.

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