javascript - 如何在选择输入之间交换

Question

我想要一个像谷歌翻译一样的交换按钮， 该按钮应该在表单中的选择输入之间交换 每个选择器都会显示货币列表。我想单击并简单地在值之间交换。 即

<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);
});