DropDownList1的AutoPostBack设为True,在后台写DropDownList1的
SelectedIndexChanged事件,再在SelectedIndexChanged事件里绑定
DropDownList2
前台
<asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"
onselectedindexchanged="DropDownList1_SelectedIndexChanged">
</asp:DropDownList>
<asp:DropDownList ID="DropDownList2" runat="server">
</asp:DropDownList>
后台
protected void DropDownList1_SelectedIndexChanged(object sender, EventArgs e)
{
//先获取dropdownlist1的selectedvalue
//绑定dropdownlist2
}
用js先写个带参方法,参数就是2级联动的对象obj
写个ajax data参数就是obj.value, value传给后台获取数据返回给ajax,
然后ajax做你想做的页面处理。。。
<script language="javascript">
function getData(obj) {
var opt = obj.options[obj.selectedIndex]
//alert("The option you select is:"+opt.text+"("+opt.value+")")
$.ajax({
url : "你的url",
type : "Post",
data : 'diqu='+opt.value,
success : function(data1) {
//这里面就可以得到你后台获取过来的数据了,你可以做DOM处理
}
})
}
</script>
<SELECT onchange="getData(this)">
<OPTION value ="1">湖北</OPTION>
<OPTION value="2">湖南</OPTION>
<OPTION value ="3">河北</OPTION>
<OPTION value="4">河南</OPTION>
</SELECT>
function Opt_Sel($table,$id,$name,$postid){$query=mysql_query("select * from $table")
while($row=mysql_fetch_array($query)){
$selected = $row[$id]==$postid ? "selected" : null
echo "<option value=\"$row[$id]\" $selected>$row[$name]</option>"
}
}
调用时把以下两句分别放在大小类中.
Opt_Sel('大类表名','大类字段id','大类字段name',你要修该的大类字段id值)
Opt_Sel('小类表名','小类字段id','小类字段name',你要修该的小类字段id值)
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)