Javascript 在两个选择菜单之间切换选择

我正在尝试构建某种货币转换器，我有两个带有货币列表的选择菜单。 我想创建一个按钮，当单击时，它将在“从选择”菜单和“到选择”菜单之间切换选择。 如何使用我已有的选择菜单来实现它？

类似这样的功能

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

---

我真的想用更少的代码来完成它，但是为了可读性，我已经这样做了。

假设我理解正确，您需要一个按钮来交换两个select元素的值。如果这是正确的，请尝试以下方法：

$("#someButton").click(function() {
    var elemTo = $("#to"),
        elemFrom = $("#from"),
        toVal = elemTo.val();
    elemTo.val(elemFrom.val());
    elemFrom.val(toVal);
});

它只是获取对这里假定为to和from的两个select元素的引用，获取其中一个元素的值，用另一个元素的值替换该元素的值，然后用第一个元素的存储值替换第二个元素的值

请注意，这假定两个选择元素具有相同的选项值。如果一个选项出现在一个选项中，而另一个选项不存在，则该选项将不起作用

---

这是一个。

如果您dbl单击“发件人”部分中的一个项目，它将被选中并附加到“收件人”部分

$("#selectFrom").dblclick(function(){
    $selectTo.append($selectFrom.children(":selected"));
});

---

您想要哪些功能？？？

我相信您正在寻找交换行为

---

谢谢你的回答，但是我正在使用jquery ui，ui selectmenu进行选择，而你的示例对我不起作用。如果我使用jquery ui设计选择菜单，它会起作用吗？因为它对你不起作用me@Alon，请参阅我在示例中所做的注释性更改；这可能有用。除非您提供用于菜单的实际jQueryUI脚本，否则我无法进行测试。发布脚本的链接。

$(function(){
    var $sel1 = $('#currency1');
    var $sel2 = $('#currency2');

    $('input[type=button]').click(function(){
        var val1 = $sel1.val();
        var val2 = $sel2.val();
        $sel2.val(val1);
        $sel1.val(val2);  
        //jqueryui
        //$sel2.val(val1).trigger('change');
        //$sel1.val(val2).trigger('change');               
    });
});