jQuery的获取所选的多个选择框值

Question

我有这样的形式..

<form method="post" action=''> 

    <select class="first"> 
     <option value="0">choose ...</option> 
     <option value="1">Hello</option> 
     <option value="3">It's</option> 
    </select> 

    <select class="second"> 
     <option value="0">choose ...</option> 
     <option value="2">World</option> 
     <option value="4">me</option> 
    </select> 

    <input type="text" class="dest" value="" /> 

</form> 

，并想收集动态信息选择与jQuery，因为我需要在选择的值决定...

当你选择特定的OPTION组合值（可以说你好+世界）它应该增加一些值INPUT.dest并锁定它（禁止编辑）...

但我不能让它工作.. 。我有什么，是每次选择的变化（分开o NLY）我可以映射实际值

$(document).ready(function() { 

    $(".first").change(function() {   
     var option = $(this).find("option:selected").val(); 
     $(".dest").val(option); 
    }); 

    $(".second").change(function() {   
     var option2 = $(this).find("option:selected").val(); 
     $(".dest").val(option2); 
    }); 

    }); 

这里是live demo in fiddle

你知道我缺少什么？我知道这将是一点点的事情。谢谢

Answer 1

我想概括它，并使用一个事件侦听器，然后收集相结合，做什么：

$("select").change(function() {   
    var first = $(".first").find("option:selected").val(); 
    var second = $(".second").find("option:selected").val(); 

    if(first == 1 && second == 2) 
      $(".dest").val("Hello world").prop("disabled",true); 
    else 
     $(".dest").val("Something else").prop("disabled",false); 
}); 

http://jsfiddle.net/cxx428af/3/