选择第一个下拉列表中的特定值时,更改其他选项值

时间:2017-04-12 03:58:13

标签: javascript c# jquery razor

我的数据库中有这些数据

ID| Name| Description |  Option
--+-----+-------------+---------- 
1 | AAA | a1          | 1,2,3,4,5
2 | BBB | b2          | 1,2,3,4,5
3 | CCC | c3          | 1,2,3,4,5
4 | DDD | d4          |

我想创建Option作为下拉列表选项并将其拆分为"," 第一个下拉列表包含名称 第二个下拉列表包含选项, 当你看到最后一个选项没有选项时,我需要在第一个下拉列表被删除时删除第二个选项,所以我需要它为空白。

以前我这样做:

@if (ListOperator != null){
string[] OP = ListOperator[0].Option.Split(',');
for (int j = 0; j < OP.Length; j++){
   <option value="@OP[j]">@OP[j]</option>
   }
 }

但它似乎不会循环数据计数。 有什么想法吗?

1 个答案:

答案 0 :(得分:0)

使用JQuery可以实现这一点:

<script>
    $(document).ready(function () {
        //assumming id of the first dropdownlist is dropdownlist1
        $("#dropdownlist1").change(function () {
            //if value of the dropdown is DDD use this else instead of.val() use $("#dropdownlist1 option:selected").text();
            var selectData = $("dropdownlist1").val();

            if (selectData == "DDD") {
                 //assuming the second dropdownlist id is dropdownlist2
                $("#dropdownlist2").empty();
            }
        });
    });
</script>