Question

如何用JS实现一个DropDownList的值改变时触发另一个DropDownList的显示与隐藏

这两个DropDownList同在一个GridView中

Answer 1

<asp:DropDownList id="DropDownList 1 " runat="server" AutoPostBack="true" onselectedindexchanged="DropDownList1 _SelectedIndexChanged" ></asp:DropDownList>
<asp:DropDownList id="DropDownList 2 " runat="server" ></asp:DropDownList>
直接用DropDownList的事件（DropDownList1_SelectedIndexChanged，在属性里）
然后在服务器端写代码 判断DropDownList1的值，然后再决定DropDownList2显示隐藏
（DropDownList2.Visible=true/false）

追问

这个我知道，已经用它实现功能了，但是我现在需要的是用JS在前台实现它，而且最要命的是这两个DropDownList在GridView中； 谢谢大侠，，麻烦再帮我想想

追答

function aa() {
var dropdownlist1 = document.getElementById("dropdownlist1");
var dropdownlist2 = document.getElementById("dropdownlist2");
if (dropdownlist1.SelectedValue == 1) {
dropdownlist2.style.display = "none";
}
if (dropdownlist1.SelectedValue == 2) {
dropdownlist2.style.display = "";
}
}

用这个试试

追问

呵呵，，大侠，先谢谢你，这个方法我也写到了，只是问题是DropDownList怎么调用这个方法呀？DropDownList在GridView里面，我用什么JS都报找不对象，

追答

用 onselectedindexchanged=“aa()” 方法触发

追问

onselectedindexchanged执行的是后台写的方法。

Answer 2

设置DropDownList的display属性啊