JS实现下拉菜单 - 我爱贝贝 - 金东浩官方网站 - welcome to old.bbmy.net

JS实现下拉菜单 [金东浩官方网站版权所有]

2009年6月19日 | Category: » | by: 贝爸 | 本文包含金东浩JS实现下拉菜单照片

下面是代码,适合学习学习!

<SCRIPT type="text/javascript">
function chsel2(){
var qq=document.getElementsByName("ss")[0];
obj_div=document.getElementById("tt_div");
if(qq[qq.selectedIndex].value==2){
obj_div.innerHTML="<table><tr><td>id:</td><td>李猛</td></tr><tr><td>name:</td><td>飞去</td></tr></table>";        
}
if(qq[qq.selectedIndex].value==1){
str="<table><tr><td>id:</td><td>神舟归来</td></tr><tr><td>name:</td><td>国庆来临</td></tr>";
str=str+"<tr><td>hello</td><td><input type='text' value='' name=parame[id]></td></tr></table>";
obj_div.innerHTML=str;        
}
}
</SCRIPT>
<form name="ff">
<select name="ss" onChange="chsel2();">
<option value=0>请选择品牌</option>
<option value=1>tcl_id</option>
<option value=2>sony_hello world</option>
</select>
</form>
<table border="1">
<tr><td>helllo world</td><td>how do yoe do?</td></tr>
<tr><td>id 1:</td><td>虎虎虎虎</td></tr>
<tr><td colspan="2"><div align="center" id="tt_div"></div></td></tr>
</table>


上面都是简单实现一些onchange()功能的.不过里面用到innerHTML,举上面的例子:用这个方法时,要注意
<div>在html中的位置,即四周的环境。<div>在<table>或<tr>下,就会报错,说运行异常;当innerHTML里面的内容不以<table>开头时,在上例的事件中没有反应。

下面说一说innerHTML,innerText,outerHTML的区别。

例:<div id="h_div"><p><a>hello world!</a></p></div>

则:innerHTML="><p><a>hello world!</a></p>"
       innerText ="hello world!"
       outerHTML="<div id="h_div"><p><a>hello world!</a></p></div>"

本文来自Memory's Blog

本文来自 我爱贝贝[www.bbmy.net]-金东浩官方网站,如若转载注明出处。


金东浩博客随机日志
金东浩博客之我被感冒打败了
我被感冒打败了
金东浩博客之手机7x24小时紧急待命中
手机7x24小时
金东浩博客之谁惹宝宝生气了
谁惹宝宝生气了
金东浩博客之做梦
做梦
金东浩博客之宝宝出生前的信号《贝贝降生故事一》
宝宝出生前的信号
金东浩博客之又给国家添杆枪《贝贝降生故事二》
又给国家添杆枪《
金东浩博客之宝宝mtv相册
宝宝mtv相册
金东浩博客之咱不怕累,咱不怕苦,就怕不给咱觉睡
咱不怕累,咱不怕
金东浩博客之老婆通知我要育前教育背三字经
老婆通知我要育前
金东浩博客之我的小宝贝
我的小宝贝
金东浩博客之五一期间给宝宝拍的Dv
五一期间给宝宝拍
金东浩博客之我老婆的表妹结婚了
我老婆的表妹结婚
金东浩博客之要洗多少次奶瓶
要洗多少次奶瓶
金东浩博客之我家宝宝不怕水
我家宝宝不怕水
金东浩博客之宝宝的第一个儿童节
宝宝的第一个儿童
金东浩博客之宝宝百日照后的光头形象
宝宝百日照后的光
金东浩博客之胎教音乐mp3下载,胎教音乐最新专辑在线视听视频下载
胎教音乐mp3下
金东浩博客之宝宝会翻身了
宝宝会翻身了

金东浩日记Tags:
金东浩日记评论: 0 | 金东浩日记引用: 0 | 金东浩日记阅读: 3307
发表评论
昵称 [注册]        网址
密码 游客无需密码     电邮
打开HTML 打开UBB 打开表情 隐藏 记住我