标题:select的innerHTML的问题!
取消只看楼主
junx
Rank: 1
等 级:新手上路
帖 子:85
专家分:0
注 册:2005-12-18
 问题点数:0 回复次数:6 
select的innerHTML的问题!

<form name="form1" action="" method="">
<select name="sel1">
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
</select>
<input name="ok" type="button" onclick="okcl()" value="试试吧?">
<input name="ok2" type="button" onclick="alert(form1.sel1.innerHTML)" value="看看select的innerHTML内容">
</form>
<script language="javascript">
function okcl(){
form1.sel1.innerHTML="<option value='ccc'>ccc</option>"
}
</script>

各位看看这样怎么不行?

[此贴子已经被作者于2005-12-19 20:50:02编辑过]

搜索更多相关主题的帖子: select innerHTML option value 
2005-12-19 20:31
junx
Rank: 1
等 级:新手上路
帖 子:85
专家分:0
注 册:2005-12-18
得分:0 
[CODE]
<form name="form1" action="" method="">
<select name="sel1">
<option value="aaa">aaa</option>
<option value="bbb">bbb</option>
</select>
<input name="ok" type="button" onclick="okcl()" value="试试吧?">
<input name="ok2" type="button" onclick="alert(form1.sel1.innerHTML)" value="看看select的innerHTML内容">
</form>
<script language="javascript">
function okcl(){
form1.sel1.innerHTML=form1.sel1.innerHTML
}
</script>[/CODE]
同样,再看这个,innerHTML真的竞把给它的"<option>"给吃掉了!

[此贴子已经被作者于2005-12-19 20:55:10编辑过]


2005-12-19 20:53
junx
Rank: 1
等 级:新手上路
帖 子:85
专家分:0
注 册:2005-12-18
得分:0 
怎么能从innerHTML的嘴里把"<option>"夺回来呀?

请各位高手帮帮啊!

2005-12-19 20:54
junx
Rank: 1
等 级:新手上路
帖 子:85
专家分:0
注 册:2005-12-18
得分:0 
最前面两个代码中的第二个按钮就是显示select的innerHTML的.

onclick="alert(form1.sel1.innerHTML)"

2005-12-19 21:19
junx
Rank: 1
等 级:新手上路
帖 子:85
专家分:0
注 册:2005-12-18
得分:0 

哦,谢谢啦!


2005-12-19 22:14
junx
Rank: 1
等 级:新手上路
帖 子:85
专家分:0
注 册:2005-12-18
得分:0 
但它确实是把给它的第一个&lt;option&gt;给吃了,这是怎么回事啊?

2005-12-20 10:04
junx
Rank: 1
等 级:新手上路
帖 子:85
专家分:0
注 册:2005-12-18
得分:0 
ms说select是个窗口元素,而不是块元素、行内元素,这是不是就是它与众不同的原因?

2005-12-20 16:03



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-38955-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.227710 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved