JavaScriptを使用してasp.net DropDownList SelectedValueを変更するには？

Question

私は、ユーザーが項目を選択するasp.net Webアプリケーションプロジェクトに3つのドロップダウンリストコントロールを持っています。私が欲しいのは、ユーザーが同じ値を選択してはならないということです。つまり、一方のドロップダウンリストで選択された値をもう一方のドロップダウンリストで選択することはできず、ユーザーが同じ値を選択しようとすると、selectedValueプロパティをそのドロップダウンリスト。とにかく私はjavascriptを使ってこれを達成することができますか？クライアント側で作成する方がよいでしょう。

ありがとうございました！ DropDownListコントロールは、次のようになります

：すべてのドロップダウンリスト
のImage here

Answer 1

1. まず、すべての3つのドロップダウンで同じクラス名を追加します。例えば 'クラス= dropdownClass'
2. すべて 3ドロップダウンに属性としてドロップダウン番号を追加 - > 'dropdownNo = 1'、 'dropdownNo = 2'、 'dropdownNo = 3'

3. はまた、IDを追加（それがなければなりません異なる） - > dropdownId1、dropdownId2、 dropdownId3 respectivitely

   <script> 
   $(document).ready(function() { 
   
   $('.dropdownClass').on('change', function() { 
       //when ever any dropdown change (class name is same) 
       //get the attribe no 
   
       var CurrentdropdownNo = $(this).attr('dropdownNo') 
       var CurrentdropdownValue = $(this).val(); 
   
       if (CurrentdropdownNo == 1) { 
        var value2 = $('#dropdownId2').val() ; 
        var value3 = $('#dropdownId3').val() ; 
        //check with dropdown 2,3 
        if (CurrentdropdownValue == value2 || CurrentdropdownValue == value3) 
        { 
         //reset the current dropdown 
         //do stuff here , what you want 
        } 
   
       } 
       if (CurrentdropdownNo == 2) { 
        var value1 = $('#dropdownId1').val(); 
        var value3 = $('#dropdownId3').val(); 
        //check with dropdown 1,3 
        if (CurrentdropdownValue == value1 || CurrentdropdownValue == value3) { 
         //reset the current dropdown 
         //do stuff here , what you want 
        } 
       } 
       if (CurrentdropdownNo == 3) { 
        var value1 = $('#dropdownId1').val(); 
        var value2 = $('#dropdownId2').val(); 
        //check with dropdown 1,2 
        if (CurrentdropdownValue == value1 || CurrentdropdownValue == value2) { 
         //reset the current dropdown 
         //do stuff here , what you want 
        } 
   
       } 
   
   }) 
   

   }）

注クラス名またはID名を変更する。

Answer 2

利用の変化イベントこれは私がドロップダウンリストに使用するだけで1つの変更イベントです。他の落書きリストに対しても同じことをします。

var firstDropVal=""; 
var SecndDropVal=""; 
var ThrdDropVal =""; 


    $("#dropOne").change(function() { 

      var firstDropVal = $("#dropOne").val(); 
      var firstDropVal = $("#dropTwo").val(); 
      var firstDropVal = $("#dropThree").val(); 

     if(firstDropVal == SecndDropVal){ 

     $("#dropOne").val(0)// Or Do what you want to do 
     } 


     });