回 帖 发 新 帖 刷新版面

主题:代码错在哪??

<script language="javascript">
function show(){    s.innerHTML="<option>1</option><option>2</option><option>3</option>";
    }
</script>

<select name="s">
  <option value="1" selected="selected">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<input name="" type="button" value="button" onclick="show();">
<div id="div1" style=" margin:px; border:1px #0033CC solid; height:100px; width:100px;"></div>

上面代码达不到预期效果,,错在哪??

回复列表 (共2个回复)

沙发

这里添加select项,不能直接用innerhtml来加,需要用到option方法
给你例子 直接用 再参考下:
<form name=f>
<select name=s onchange="alert(this.value)">
<option value="aa">aa</option>
</selct>
<input type=button onclick="a()" value=add>
</form>
<script language=javascript>
var i=0
function a()
{
b=document.f.s
var opt=new Option("text"+ i,"value"+i,true,true)
b.options[b.options.length] = opt
i++
}
</script>

板凳

谢谢..!!
var opt=new Option("text"+ i,"value"+i,true,true)

后面两个参数能解释一下吗,,??

我来回复

您尚未登录,请登录后再回复。点此登录或注册