onchange of dropdownlist not clearing second dropdownlist(ca

Question

我的页面中有两个dropdownlist。

我想要的是，如果第一个dropdownlist的值被更改，dropdownlist的第二个值应该设置为默认值，即"--选择--"，但它没有发生。

这是我的代码：-

("#ddlAdjustmentType").change(function (evt) {
            $("#ddlItemdesc option:eq(0)").prop("selected", true);});

但对于级联到该列表的另一个下拉列表也是如此

 $("#ddlItemCode").change(function (evt) {
            $("#ddlItemdesc option:eq(0)").prop("selected", true);});

请建议如何更改ddlAdjustmentType下拉列表的默认值

Answer 1

// sets selected index to first item using the DOM
$("select#elem")[0].selectedIndex = 0;

//使用jQuery（可以处理多个元素）将所选索引设置为第一个项目

`$("select#elem").prop('selectedIndex', 0);

Answer 2

您可以像下面的一样使用空

$("#ddlAdjustmentType").change(function (evt) {
    $("#ddlItemdesc").val("");
})

Answer 3

由于dropdownlist是级联的，我需要从它的绑定位置进行更改。所以我喜欢下面的功能

var strval = "";
        var strdesc = document.getElementById('ddlItemdesc').value;
        //alert(desc1.length)
        for (var i = 0; i < desc1.length; i++) {
            StrPriBuild = desc1[i].split('~');
            ObjPriCtrl = document.createElement("OPTION");
            ObjPriCtrl.text = StrPriBuild[0];
            ObjPriCtrl.value = StrPriBuild[0];
            strval = StrPriBuild[0];
            document.getElementById(id).options.add(ObjPriCtrl)
        }
        if (strval != "") {
            document.getElementById('ddlItemdesc').value = strval;
        }
        else {
            document.getElementById('ddlItemdesc').value = "0";
        }
    }

它对我起作用