87,922
社区成员
发帖
与我相关
我的任务
分享select实现innerHtml的问题
<script language="javascript">
function bu(){
var s=document.getElementById("s1");
for(i=1980;i<=2008;i++){
s.options[s.options.length]=new Option(i);
}
}
</script>
<body onload="bu()">
<form action="" method="post" id="frm1">
<input type="text" id="t1" />
<select size="1" id="s1" style="width:60px">
<option id="o1">请选择</option></select>
</form>
</body>
请解释一下s.options[s.options.length]=new Option(i);这一段的含义或者是在哪里可以查到资料
用innerHtml如何实现同样的功能
function bu(){
var s=document.getElementById("s1");
for(i=1980;i<=2008;i++){
s.options[s.options.length]=new Option(i);
}
}
</script>
<body onload="bu()">
<form action="" method="post" id="frm1">
<input type="text" id="t1" />
<select size="1" id="s1" style="width:60px">
<option id="o1">请选择</option></select>
</form>
</body>
请解释一下s.options[s.options.length]=new Option(i);这一段的含义或者是在哪里可以查到资料
用innerHtml如何实现同样的功能
...全文
请发表友善的回复…
发表回复
zwt_supreme 2009-03-03
- 打赏
- 举报
select的innerHTML好像是不能用的~~~
wuchao911 2008-09-11
- 打赏
- 举报
<script language="javascript">
function bu(){
var s=document.getElementById("s1");
var sltHtml,sltOption;
sltHtml=" <select size=\"1\" style=\"width:60px;\">";
sltHtml+=" <option id=\"o1\">请选择 </option>";
for (var i=1980;i <=2008;i++){
sltOption+=" <option value=\"+i+\">"+i+" </option>";
}
sltHtml+=sltOption;
sltHtml+=" </select>";
s.innerHTML=sltHtml;
}
</script>
<body>
<span id="s1"> </span>;
西安风影 2008-09-11
- 打赏
- 举报
或者
s.options.add(new Option(i));
s.options.add(new Option(i));
西安风影 2008-09-11
- 打赏
- 举报
s.options[s.options.length]=new Option(i);
new一个值为i的option
由于s.options.length是动态变化的，所以每次都是最后一个索引
new一个值为i的option
由于s.options.length是动态变化的，所以每次都是最后一个索引
zhihuixiaole 2008-09-11
- 打赏
- 举报
innerHTML效率低
tantaiyizu 2008-09-11
- 打赏
- 举报
seelct元素 innnerHTML 是不可以的 -_-
xiaojing7 2008-09-11
- 打赏
- 举报
当然innerHTML可以实现
但考虑性能，直接实例生成options要比拼出来的字符应该要更加合适点
但考虑性能，直接实例生成options要比拼出来的字符应该要更加合适点
lingyun410 2008-09-11
- 打赏
- 举报
这样行不？
<script language="javascript">
function bu(){
var s=document.getElementById("s1");
var sltHtml,sltOption;
sltHtml="<select size=\"1\" style=\"width:60px;\">";
sltHtml+="<option id=\"o1\">请选择</option>";
for (var i=1980;i<=2008;i++){
sltOption+="<option value=\"+i+\">"+i+"</option>";
}
sltHtml+=sltOption;
sltHtml+="</select>";
s.innerHTML=sltHtml;
}
</script>
<body>
<span id="s1"></span>;
<script language="javascript">
function bu(){
var s=document.getElementById("s1");
var sltHtml,sltOption;
sltHtml="<select size=\"1\" style=\"width:60px;\">";
sltHtml+="<option id=\"o1\">请选择</option>";
for (var i=1980;i<=2008;i++){
sltOption+="<option value=\"+i+\">"+i+"</option>";
}
sltHtml+=sltOption;
sltHtml+="</select>";
s.innerHTML=sltHtml;
}
</script>
<body>
<span id="s1"></span>;
