Question

我的asp.net Web应用程序项目中有三个下拉列表控件，用户将从中选择项目。我想要的是用户不能选择相同的值，这意味着无法在另一个下拉列表中选择一个Dropdownlist中选择的值，如果用户尝试选择相同的值，我想将selectedValue属性重置为那个下拉列表。无论如何我可以用javascript实现这个目的吗？最好在客户端进行。

谢谢！

下拉列表如下所示：Image here

Answer 1

使用每个下拉列表的更改事件
这只是我用于Dropdownlist的一个更改事件。其他drowpdownlists做同样的事情。

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 
         }


        });

Answer 2

首先在所有三个下拉列表中添加相同的类名。例如 'class = dropdownClass'
在所有中添加下拉数字作为属性三个下拉菜单 - ＆gt; 'dropdownNo = 1'，'dropdownNo = 2'，'dropdownNo = 3'

还添加ID（必须不同） - ＆gt; 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名称。

如何使用javascript更改asp.net DropDownList SelectedValue？

2 个答案: