高分求 dropdownlist的二级联动方法,关联的数据是从数据库中实时读取的

高分求 dropdownlist的二级联动方法,关联的数据是从数据库中实时读取的,第1张

托两个dropdownlist DropDownList1和DropDownList2

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值)


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9935454.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-03
下一篇 2023-05-03

发表评论

登录后才能评论

评论列表(0条)

保存