두 개의 선택 메뉴 사이에서 전환 선택

Question

통화 변환기를 만들려고하는데 통화 목록이있는 두 개의 선택 메뉴가 있습니다. 클릭하면 "선택"메뉴와 "선택"메뉴 사이에서 선택 사항이 전환되는 버튼을 만들고 싶습니다. 이미 가지고있는 선택 메뉴를 사용하여 구현하려면 어떻게해야합니까?

Answer 1

나는 스왑 동작을 찾고 있다고 생각합니다.

http://jsfiddle.net/brentmn/D55Dm/

$(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');    
    }); 
}); 

Answer 2

이와 비슷한?

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

나는 그보다 적은 코드로 처리하지만 가독성을 위해 그렇게했습니다.

Answer 3

정확하게 이해했다고 가정하면 두 개의 select 요소의 값을 바꿀 수있는 버튼이 필요합니다. 맞아 경우,이 라인을 따라 뭔가 시도해보십시오

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

그것은 단순히 (#to 및 #from을 것으로 여기 가정) 두 select 요소에 대한 참조를 가져옵니다를, 그 중 하나의 값을 가져옵니다 하나의 값을 대체합니다 두 번째 값을 첫 번째 값에서 저장된 값으로 바꿉니다.

두 select 요소의 값이 모두 option 인 것으로 가정합니다. option이 하나의 select에는 있지만 다른 하나는 없으면 작동하지 않습니다.

여기는 working example입니다.

Answer 4

'보낸 사람'섹션에서 하나의 항목을 dbl 클릭하면 '받는 사람'섹션에 추가되도록 선택됩니다.

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

원하는 기능이 모두 무엇입니까 ??