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>

单击时它只更改一个值，是否可以使用索引进行操作？我希望这样可以解决Phone Gap。

Answer 1

你应该尝试下面的jquery代码。

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

如何在选择输入之间切换

1 个答案: