重复添加一个相同的div块三次
我做的是一个省市二级联动的一个div块，我现在需要在点击添加按钮之后，在这个div块的下面出现相同的div块，并且其中的二级联动还可以用，之后还有获取其中的值。如果有不清...
我做的是一个省市二级联动的一个div块，我现在需要在点击添加按钮之后，在这个div块的下面出现相同的div块，并且其中的二级联动还可以用，之后还有获取其中的值。如果有不清楚的可以问我
这是html：
<div id="addAddress">
<input type="radio" id="newRadio" class="new" name="addr" value="1" />
<select id="proSelect" name="pro">
<option>-请选择-</option>
<option>河北省</option>
<option>山西省</option>
<option>辽宁省</option>
</select>省
<select id="citySelect" name="city">
<option>城市</option>
</select>市
<input type="text" id="areatxt" class="area" value="" />
<button id="deleteBtn">删除</button>
<br />
</div>
这是JS:
$("#proSelect").change(function() {
var pro = $(this).val();
var i, j, tmpcity = new Array();
for (i = 0; i < sf.length; i++) {
if (pro == sf[i][0].toString()) {
tmpcity = sf[i][1].split("|");
$("#citySelect").html("");
for (j = 0; j < tmpcity.length; j++) {
$("#citySelect").append("<option>" + tmpcity[j] + "</option>");
}
}
}
});
var sf = new Array();
sf[0] = new Array("河北省", "石家庄|邯郸|邢台|保定|张家口");
sf[1] = new Array("山西省", "太原|大同|阳泉|长治|晋城|朔州|吕梁|忻州|晋中|临汾|运城");
sf[2] = new Array("辽宁省", "沈阳|大连|鞍山|抚顺|本溪|丹东|锦州|营口");
如果有更好的html或者是JS更好，希望能能够帮助我解决这个问题 展开
这是html：
<div id="addAddress">
<input type="radio" id="newRadio" class="new" name="addr" value="1" />
<select id="proSelect" name="pro">
<option>-请选择-</option>
<option>河北省</option>
<option>山西省</option>
<option>辽宁省</option>
</select>省
<select id="citySelect" name="city">
<option>城市</option>
</select>市
<input type="text" id="areatxt" class="area" value="" />
<button id="deleteBtn">删除</button>
<br />
</div>
这是JS:
$("#proSelect").change(function() {
var pro = $(this).val();
var i, j, tmpcity = new Array();
for (i = 0; i < sf.length; i++) {
if (pro == sf[i][0].toString()) {
tmpcity = sf[i][1].split("|");
$("#citySelect").html("");
for (j = 0; j < tmpcity.length; j++) {
$("#citySelect").append("<option>" + tmpcity[j] + "</option>");
}
}
}
});
var sf = new Array();
sf[0] = new Array("河北省", "石家庄|邯郸|邢台|保定|张家口");
sf[1] = new Array("山西省", "太原|大同|阳泉|长治|晋城|朔州|吕梁|忻州|晋中|临汾|运城");
sf[2] = new Array("辽宁省", "沈阳|大连|鞍山|抚顺|本溪|丹东|锦州|营口");
如果有更好的html或者是JS更好，希望能能够帮助我解决这个问题 展开
2个回答
展开全部
<!DOCTYPE html>
<html>
<meta http-equiv="Content-Type" content="text/html" charset="utf-8">
<script src="jquery-1.11.1.js"></script>
<body onclick="zy()">
<div class="addAddress">
<input type="radio" id="newRadio" class="new" name="addr" value="1" />
<select id="proSelect" name="pro">
<option>-请选择-</option>
<option>河北省</option>
<option>山西省</option>
<option>辽宁省</option>
</select>省
<select class="citySelect" name="city">
<option>城市</option>
</select>市
<input type="text" id="areatxt" class="area" value="" />
<button id="deleteBtn">删除</button>
<button id="add" >增加</button>
<br />
</div>
<script type="text/javascript">
var flag=0;
$("body").delegate("#add","click",function(){
var clone="<div class='qwer'+flag><input type='radio' id='newRadio' class='new' name='addr' value='1' /><select #='proSelect' name='pro'><option>-请选择-</option><option>河北省</option><option>山西省</option><option>辽宁省</option></select>省<select class='citySelect' name='city'><option>城市</option></select>市<input type='text' id='areatxt' class='area' value='' /><button id='deleteBtn'>删除</button><button id='add' >增加</button><br /></div>"
$(".addAddress").next().after(clone);
zy();
});
function zy() {
$("select").change(function () {
var pro = $(this).val();
var i, j, tmpcity = new Array();
for (i = 0; i < sf.length; i++) {
if (pro == sf[i][0].toString()) {
tmpcity = sf[i][1].split("|");
$($(this).next()).html("");
for (j = 0; j < tmpcity.length; j++) {
$($(this).next()).append("<option>" + tmpcity[j] + "</option>");
}
}
}
});
var sf = new Array();
sf[0] = new Array("河北省", "石家庄|邯郸|邢台|保定|张家口");
sf[1] = new Array("山西省", "太原|大同|阳泉|长治|晋城|朔州|吕梁|忻州|晋中|临汾|运城");
sf[2] = new Array("辽宁省", "沈阳|大连|鞍山|抚顺|本溪|丹东|锦州|营口");
}
</script>
</body>
</html>
亲测过，是正确的。
如有问题，我们继续交流。
希望能够帮助到你，望采纳！
追问
好的，我给你采纳，然后你关注一下，如果有问题可能还会找你的，谢谢你
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
