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/