| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2573 人关注过本帖
标题:select的innerHTML的问题!
只看楼主 加入收藏
junx
Rank: 1
等 级:新手上路
帖 子:85
专家分:0
注 册:2005-12-18
收藏
 问题点数:0 回复次数:11 
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
盖茨他爹
Rank: 6Rank: 6
等 级:贵宾
威 望:28
帖 子:5255
专家分:0
注 册:2005-5-3
收藏
得分:0 
select没有innerHTML把
2005-12-19 21:11
junx
Rank: 1
等 级:新手上路
帖 子:85
专家分:0
注 册:2005-12-18
收藏
得分:0 
最前面两个代码中的第二个按钮就是显示select的innerHTML的.

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

2005-12-19 21:19
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分: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.outerHTML="<select name='sel1'><option value='ccc'>ccc</option></select>";
}
</script>[/CODE]

天津网站建设 http://www./
2005-12-19 21:48
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 

select标签不支持使用innerHTML来改变其内容

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


天津网站建设 http://www./
2005-12-19 21:50
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
griefforyou
Rank: 6Rank: 6
等 级:贵宾
威 望:27
帖 子:3336
专家分:0
注 册:2004-4-15
收藏
得分:0 

只能说明IE有Bug


天津网站建设 http://www./
2005-12-20 10:25
快速回复:select的innerHTML的问题!
数据加载中...
 
   



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

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