在jquery中選擇下拉列表中的特定選項

Question

我試圖讓這個小腳本在一系列下拉框中只能使用一次數字，所以... [2] [3 ] [1] [2] [1] [3] 所有都很好，但不 [2] [2] [1] [1] [1] [3] ..

我想有一半完成。

$("#left").focus(function() { 
    // Store the current value on focus, before it changes 
    previous = this.value; 
}).change(function() { 
    // Do soomething with the previous value after the change 
    var num1 = $("#left option:selected").text(); 

    if ($("#middle option:selected").text() == num1){ 
    $("#middle option:selected").text(previous) 
    } 

    if ($("#right option:selected").text() == num1){ 
    $("#right option:selected").text(previous) 
    }  
}); 

這裏是一個完整的東西的鏈接：http://jsfiddle.net/U3WSz/

其作品一點點，但我意識到，在下拉選項就開始發生變化。如果你充分利用它，你會注意到我所看到的。

我也注意到我是如何重複很多代碼的。讓我知道是否有更好的方法來寫它。

Answer 1

jsFiddle

附加價值屬性選項的這樣

<option value='2'>2</option> 

JS：

$("#left").focus(function() { 
    // Store the current value on focus, before it changes 
    previous = $(this).val(); 

    }).change(function() { 
    // Do soomething with the previous value after the change 
    var num1 = $("#left option:selected").val(); 

    if ($("#middle option:selected").val() == num1) { 
     // $('body').append(previous); 
     $("#middle").val(previous) 
    } 

    if ($("#right option:selected").val() === num1) { 
     $("#right").val(previous); 
    } 
}); 

Answer 2

嘗試此

$("#left").focus(function() { 
    // Store the current value on focus, before it changes 
    previous = this.value; 
}).change(function() { 
    // Do soomething with the previous value after the change 
    var num1 = $("#left option:selected").text(); 

    if ($("#middle option:selected").text() == num1){ 
    $("#middle option[value='"+previous+"']").attr('selected','selected') 
    } 

    if ($("#right option:selected").text() == num1){ 
    $("#right option[value='"+previous+"']").attr('selected','selected') 
    }  
}); 

該代碼使得所選的選項，在#middle和#right選擇框，具有value等於previous變量的值。