一个有趣的问题

wishY 2009-04-15 12:07:08

问题描述: 我有两个下拉框,一个省 ,一个市,他们是连动的.还有一个"增加"按扭.
需求: 我想点 "增加" , 在下面又出现一和上面一模一样的两个下拉，也是一个省,一个市,他们之间也是连动的.
也就是点下"增加",就多了一对连动的下拉.

感谢指教.

...全文

168 18 打赏收藏转发到动态举报

写回复

用AI写文章

18 条回复

切换为时间正序

请发表友善的回复…

发表回复

wenboliang 2009-04-17

打赏
举报

了解一下！！

weir55 2009-04-17

打赏
举报

动态添加2个下拉
并且给他们绑定同样的数据集

Lxpd 2009-04-17

打赏
举报

可以做成用户控件,然后动态增加用户控件

tianzhiguo 2009-04-17

打赏
举报

js实现

nihaimeiyoudenglu 2009-04-15

打赏
举报

用可以用JS再创建出这么一组下拉框出来啊.
然后.对ID的命名搞个规则出来.如果是AJAX操作的话,你可以创建一个ID出来后,把ID值放到JS的ARRAY里面去.

Sunshined 2009-04-15

打赏
举报

将下面那两个下拉属性visible=false;
当点击button时 visible变为true;

可以在前台页面做好下面那两个下拉的items
也可以当发生button事件时将上面那两个下拉的items传到下面两个下拉

是这意思吗?

cs78799662 2009-04-15

打赏
举报

呵呵
标题很有趣

我在深圳搬砖-Justin 2009-04-15

打赏
举报

只知道 js实现

itcrazyman 2009-04-15

打赏
举报

mark up 帮顶

takako_mu 2009-04-15

打赏
举报

先頂下，回來再做。

wishY 2009-04-15

打赏
举报

TO:itcrazyman
这个不能刷新? 刷新下就没了啊.

xuancheng999 2009-04-15

打赏
举报

先用DIV1吧两个下拉框套住

然后用JS 创建一个新的DIV2
内容就是
DIV2.innerHTML = DIV1.innerHTML

dd__dd 2009-04-15

打赏
举报

先用js添加2个select，然后用Ajax前台对select绑定数据。
联动也没问题，在添加select时把onchange事件写好就行了

itcrazyman 2009-04-15

打赏
举报

数据我是随便写定的,你可以用ajax动态绑定,总之调用相同的方法名即可

itcrazyman 2009-04-15

打赏
举报

<html>
<body>
<select id=s1 onchange="gets()" name="s1">
<option value="0"></option>
<option value="1">河北省</option>
<option value="2">江苏省</option>
</select>
<select id="s1x" name="s1x">
<option value="0"></option>
<option value="1">石家庄</option>
<option value="2">南通</option>
</select>
<script language="javascript">
kjnum=0;
function gets()
{
var clobj=window.event.srcElement;

sm=clobj.name+"x";

var sobj=document.getElementById(sm);
sobj.value=clobj.value;
}
function addco()
{
validate();

document.getElementById("zcon").innerHTML+="<br><select onchange='gets()' id=s"+(kjnum/2+1).toString()+" name=s"+(kjnum/2+1).toString()+"><option value='0'></option><option value='1'>河北省</option><option value='2'>江苏省</option></select>";
document.getElementById("zcon").innerHTML+="<select id=s"+(kjnum/2+1).toString()+"x ><option value='0'></option><option value='1'>石家庄</option><option value='2'>南通</option></select>";
}
function validate(){
var Elements = document.getElementsByTagName("*");
var i;
for ( i in Elements ) {
if (Elements[i].type == "select-one" ) {
kjnum+=1;
}
}
}

</script>
<div id=zcon>

</div>

<input type=button id=btn_addcon value="增加控件" onclick="addco()">

</body>

</html>

wishY 2009-04-15