以下のコードは、あなたが求めていることを行います。私もjsfiddleを作りました

いずれかの選択入力からのオプションが変更されると、オプションを正しく無効化および有効化します。

JavaScript

    <script type="text/javascript">

// *** EDIT THIS ***
var selectIds = new Array('select1', 'select2', 'select3', 'select4'); // all of the select input id values to apply the only one option value anywhere rule against

function process_selection(theObj){

    var allSelectedValues = new Array(); // used to store all currently selected values

    // == get all of the currently selected values for all the select inputs
    for (var x=0; x<selectIds.length; x++){
        var v = document.getElementById(selectIds[x]).value; // the value of the selected option for the select input currently being looked at in the loop (selectIds[x])
        // if the selected option value is not an empty string ..
        if(v!==""){
            // store the value of the selected option and it's associated select input id value
            allSelectedValues[v] = selectIds[x];

        }
    }

    // == now work on each option within each select input
    for (var x=0; x<selectIds.length; x++){



        // loop thru all the options of this select input
        var optionObj = document.getElementById(selectIds[x]).getElementsByTagName("option");
        for (var i = 0; i < optionObj.length; i++) {
            var v = optionObj[i].value; // the value of the current option in the iteration
            // only worry about option values that are not an empty string ("")
            if(v!==""){
                if(allSelectedValues[v]){
                    if(allSelectedValues[v] &&  allSelectedValues[v] != selectIds[x]){
                    // disable this option because it is already selected
                    // and this select input is NOT the one that it is selected in
                    optionObj[i].disabled = true;
                    }
                }else{
                    // enable this option because it is not already selected
                    // in any of the other select inputs
                    optionObj[i].disabled = false;
                }
            }
        } // end for (option loop)
    } // end for (select loop)
} // end func
</script>

上記で動作するHTML

しかし実際には、上記のコードは、上記の js コードで示されている 1 行を編集することで、ページ上の任意の選択入力で機能します。

<select name="select1" id="select1" onchange="process_selection(this)">
<option value="">-- choose one --</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>


<select name="select2" id="select2" onchange="process_selection(this)">
<option value="">-- choose one --</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>


<select name="select3" id="select3" onchange="process_selection(this)">
<option value="">-- choose one --</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>


<select name="select4" id="select4" onchange="process_selection(this)">
<option value="">-- choose one --</option>
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>

ユーザー エクスペリエンスを向上させるには、ユーザーがドロップダウンで何かを選択したときに、JavaScript を使用してアイテムを無効にする必要があります。ひょっとしてjQueryを使っていますか？

原則として、クライアントは信頼されないため、サーバーにも強制する必要があります。

私があなたを正しく理解していれば、あなたが達成しようとしていることは、チェックボックスを介して行う方がよいでしょう。

これを行う代わりに<select>：

<input type="checkbox" name="1" value="1">option1<br>
<input type="checkbox" name="2" value="2">option2 <br> ...