<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> <script defer LANGUAGE="javascript"> <!-- var onecount=0; subcat = new Array(); subcat[0] = new Array("徐汇区","01","001"); subcat[1] = new Array("嘉定区","01","002"); subcat[2] = new Array("黄浦区","01","003"); subcat[3] = new Array("南昌市","02","004"); subcat[4] = new Array("九江市","02","005"); subcat[5] = new Array("上饶市","02","006"); onecount=6; function changelocation(locationid){ document.myform.smalllocation.length = 0; var locationid=locationid; var i; document.myform.smalllocation.options[0] = new Option('====所有地区====',''); for (i=0;i <onecount; i++){ if (subcat[i][1] == locationid){ document.myform.smalllocation.options[document.myform.smalllocation.length]= new Option(subcat[i][0], subcat[i][2]); } } } function getSelect1(){ alert("****"); var Myform=document.getElementById('myform'); var Myfieldset=document.createElement("fieldset"); Myfieldset.innerHTML="<select name=\"biglocation\" onChange=\"changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)\"><option value=\"01\" selected>上海</option><option value=\"02\">江西</option></select><select name=\"smalllocation\"><option selected value=\"\">==所有地区==</option></select><input type=\"text\" name=\"SearchTxt\" size=\"30\" id=\"SearchTxt\" />  <input type=\"button\" class=\"input-btn\" value=\"add\" onclick=\"getSelect1()\"/>"; Myform.appendChild(Myfieldset); alert("%%%%%%"); } //--></script> </head> <body> <form id="myform" name="myform" method="post"> <fieldset id="myfieldset"> <select name="biglocation"onChange="changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value)"> <option value="01" selected>上海</option> <option value="02">江西</option> </select> <select name="smalllocation"> <option selected value="">==所有地区==</option> </select> <input type="text" name="SearchTxt" size="30" id="SearchTxt" />   </fieldset> <input type="button" class="input-btn" value="add" onclick="getSelect1()"/> </form> <script LANGUAGE="javascript"> <!-- changelocation(document.myform.biglocation.options[document.myform.biglocation.selectedIndex].value); //--></script> </body> </html>
add的 怎么删除JavaScriptHTMLselect
add的 怎么删除JavaScriptHTMLselect
<select name="biglocation"
onChange="changelocation(this.options[this.selectedIndex].value,this.nextSibling)"><option value="01" selected>上海</option><option value="02">江西</option></select><select name="smalllocation"><option selected value="">==所有地区==</option></select>
<input type="text" name="SearchTxt" size="30" id="SearchTxt" />  
<input type="button" class="btn" value="删除" onclick="this.parentElement.remove()" />
</fieldset>
var childs=document.getElementById('myform');
//alert("count1="+count+"###"+childs.length);
while(childs.length > (count-1)*7&& count>1){
var s =childs.childNodes.item(childs[childs.length-1]);
childs.removeChild(s);
//alert("for length"+childs.length);
}
if(count>1){
count--;
}
//alert("count="+count+"###"+childs.length);
} count是总共添加了多少个 我的代码
re:你说的是哪些select 的option?
发错了 自动生成的那些fieldset
document.getElementsByTagName("fieldset").length - 1 到 1之间的了
是的 不过增加的那些fieldset id和name要是alert都没定义
re:
哪你给他们加一个?
document.getElementsByTagName("我自己定义的fieldsetname").name或者id都是undefined
while(s>1){
alert(s)
document.getElementsByTagName("fieldset")[s-1].remove();
}删不了