各位高手帮我看一下.这个JS什么地方出错了.

Question

我是想点击"城市修改"就出现
<select name="city1" onChange="xl(this);" ><option value="0">请选择</option>\
  <option value="1">上海</option><option value="2">北京</option><option value="3" >南京</option>\
</select><select name="city2">\
  <option value="" ></option>\
</select>'当这个出现后,我再选择城市,就会又出现一个城市下拉框
再点还会出现一个

Answer 1

你在你onChange="xl(this);" 的x1函数中再生成个select啊,如果在点又生成的话在onchange中把生成select的代码加上

Answer 2

不是这个问题
onChange="xl(this)这个去掉结果还是一样的

Answer 3

我还是搞不太清楚你想要什么效果你是指<select name="city2">
  <option value="" ></option>
</select>先隐藏,点city1后再显示出来?

Answer 4

这一段隐藏..点击"修改城市"才出现;然后我再选择城市调出地区
<select name="city1" onChange="xl(this);" ><option value="0">请选择</option>\
  <option value="1">上海</option><option value="2">北京</option><option value="3" >南京</option>\
</select><select name="city2">\
  <option value="" ></option>\
</select>'现在主要的问题就是在点击"修改城市"调出上面这一段...

Answer 5

还是没搞清楚你要搞什么
不过测试了你的代码,你选择了后有加了一组select
id.parentNode.getElementsByTagName('a')[0].appendChild(CNew);
原因是你是在a标签中添加了select,这样你点select后又触发了a的onclick事件<tr>
<td>
<a href="#" onClick="addSearch(this);return false;">城市修改</a><br>
  <br>
  <b><font color=red>内容：</font></b><%=Rs(2)%></td></tr><script>
function addSearch(id){
    var sHtml=""
    sHtml=sHtml+'<select name="city1" onChange="xl(this);" ><option value="0">请选择</option><option value="1">上海</option><option value="2">北京</option><option value="3" >南京</option></select><select name="city2"><option value="" ></option></select>'
alert(id.parentNode.getElementsByTagName('a')[0].innerHTML)
var CNew = document.createElement('form')
        CNew.innerHTML=sHtml
        id.parentNode/*.getElementsByTagName('a')[0]*/.appendChild(CNew);//在td上加select,不是在a上加,不知道是不是这个意思
}</script>

Answer 6

谢谢啊.可以了..我想上它出现在"城市修改</a><br>"这后面怎么弄啊?

Answer 7

function addSearch(id){
    var sHtml=""
    sHtml=sHtml+'<select name="city1" onChange="xl(this);" ><option value="0">请选择</option><option value="1">上海</option><option value="2">北京</option><option value="3" >南京</option></select><select name="city2"><option value="" ></option></select>'
alert(id.parentNode.getElementsByTagName('a')[0].innerHTML)
var CNew = document.createElement('form')
        CNew.innerHTML=sHtml
        id.parentNode.insertBefore(CNew,id.parentNode.getElementsByTagName("br")[0]);//在第一个br前插入,因为你插入的是form，所以还是会换行的
}

Answer 8

在生成新的下拉框前检测是否已经存在可以参考 x-bs.com 中的 xml 无限级联动演示

Answer 9

你删除原来的表单啊.....或者把表单定义为一个变量<table>
<tr>
<td>
<a href="#" onClick="addSearch(this);return false;">城市修改</a><br>
  <br>
  <b><font color=red>内容：</font></b><%=Rs(2)%></td></tr>
  <tr>
<a href="#" onClick="addSearch(this);return false;">城市修改</a><br>
  <br>
  <b><font color=red>内容：</font></b><%=Rs(2)%></td></tr></table>
<script>
 var sHtml=""
    sHtml=sHtml+'<select name="city1" onChange="xl(this);" ><option value="0">请选择</option><option value="1">上海</option>'
    +'<option value="2">北京</option><option value="3" >南京</option></select>'
    +'<select name="city2"><option value="" ></option></select>'
var CNew = document.createElement('form')
        CNew.innerHTML=sHtml
function addSearch(id){
   
        id.parentNode.insertBefore(CNew,id.parentNode.getElementsByTagName("br")[0]);
}
</script>