怎样在ASP.NET中实现DropDownList与CheckBoxList的无刷新联动
近日在做一个小网站,需要实现DropDownList与CheckBoxList的无刷新联动,网上有很多关于两个及以上DropDownList联动的例子!但还没有看到DropDownList与CheckBoxList的无刷新联动的例子,我按照DropDownList联动的例子改写DropDownList与CheckBoxList的无刷新联动,但一直有问题!
<script language= "javascript " type= "text/jscript ">
function load(MC_ID)
{
var drp2 = document.getElementById( "CheckBoxList1 ");
function RemoveAll(oElem)
{
var i = 0;
for (i = oElem.length; i > = 0; i--)
{
oElem.options.remove(i);
}
}
RemoveAll(drp2)
var oHttpReq = new ActiveXObject( "MSXML2.XMLHTTP ");
var oDoc = new ActiveXObject( "Microsoft.XMLDOM ");
oHttpReq.open( "POST ", "DropChild.aspx?ClassID= "+MC_ID, false);
oHttpReq.send( " ");
result = oHttpReq.responseText;
oDoc.loadXML(result);
items1 = oDoc.selectNodes( "//Table/MC_Name ");
items2 = oDoc.selectNodes( "//Table/MC_ID ");
var itemsLength=items1.length;
alert(itemsLength);
for(i=0;i <itemsLength;i++)
{
var newOption = document.createElement( "Items ");
newOption.text=items1[i].text;
newOption.value=items2[i].text;
alert(newOption.text); //调试到此处时一切正常,可正常得到值
drp2.options.add(newOption);
}
}
</script>
一直报 "options为空或不是对象 "的错~,查看页面源代码后发现CheckBoxList 呈现到客户端之后，是一个个的 inpu type=checkbox ,无options 属性,不知道怎样解决!,望各位高手指点迷津!谢谢
[解决办法]
我也遇到过这个问题，生成html以后是找不到checkboxlist的。
[解决办法]
道理一样的,就是把btn的onclick改成checkbox的oncheck
[解决办法]
DropDownList与CheckBoxList的无刷新联动
和DropDownList与DropDownList的无刷新联动的道理应该是一样的,
做法也应该差不多,只是在一些细节上还有点问题把,
lz仔细看看应该可以解决的
加油
[解决办法]
客户端操作Checkboxlist是比较麻烦的
你先查看源代码
就会发现他其实是生成了一个table然后每个项都是一行一列然后有个input
所以你添加的时候就得按照这个逻辑添加
给你个简单的例子
<html xmlns= "http://www.w3.org/1999/xhtml " >
<head runat= "server ">
<title> test </title>
<script type= "text/javascript ">
function btnClick()
{
var check = document.createElement( "input ");
check.type= "checkbox ";
check.value= "1 ";
var list = document.getElementById( "CheckBoxList1 ");
var row = list.insertRow();
var cell=row.insertCell();
cell.appendChild(check);
check.checked=true;
}
</script>
</head>
<body>
<form id= "form1 " runat= "server ">
<input type= "button " value= "Add " onclick= "btnClick() " />
<asp:CheckBoxList ID= "CheckBoxList1 " runat= "server ">
<asp:ListItem Text= "test1 " Value= "0 "> </asp:ListItem>
</asp:CheckBoxList>
</form>
</body>
</html>
[解决办法]
学习
[解决办法]
要实现DropDownList与CheckBoxList的无刷新联动干嘛不用AJAX啊
[解决办法]
LS 的大虾们，不知道这关 AJAX 什么事？
到处都扯 AJAX
当你用 XmlHttp 完成加载数据之后，就只有 js + html/DOM/CSS
[解决办法]
不用写这么代码了，直接用ajax的一个控件，安装好后，拖一个updatepanel控件，这样就不会刷新了
------解决方案--------------------
jf
[解决办法]
学习ing
这个问题我也遇到过，Jinglecat(晓风残月 > > 问题需简洁，错误要详细) 说得可以实现，问题就是在原来的checkbox上添加了原来所选的，如何直显示最新选择后的内容呀！
