• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
新能源汽车行业用户产品设计
新能源汽车行业、面向C端用户的产品设计
博客园    首页    新随笔       管理     

appendChild和RemoveChild

对一个下拉列表框内的option进行添加和删除的实例,说明appendChild和RemoveChild的用法。

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<script language="javascript" type="text/javascript">

function RemoveMe()

{

var o_ddlTest;

o_ddlTest
=document.getElementById("ddlTest");

 

if (o_ddlTest.options.length != 0)

{

var selectedIndex;

selectedIndex 
= o_ddlTest.options.length - 1;

selectedOption 
= o_ddlTest.options(selectedIndex);

o_ddlTest.removeChild(selectedOption);

}
    

}


 

 

function addNew(){

var newOption = document.createElement("OPTION");

newOption.value
="newOne";

newOption.innerText
="newOne2";

newOption.selected 
= true;

 

o_ddlTest
=document.getElementById("ddlTest");

o_ddlTest.(newOption);

}


 

</script>

</head>

 

<body>

<form id="form1" name="form1" method="post" action="" >

<label>

<select name="select" id="ddlTest" style="background-color:#0033FF; color:#FF0000" >

<option value="111111111">1111111111</option>

<option value="22222">22222222</option>

<option value="33333333">33333</option>

<option value="4444444444">44444</option>

</select>

</label>

</form>

<input name="" onclick="RemoveMe();" value="Remove It" type="button" />

<input name="" onclick="addNew();" value="addNew" type="button" />

</body>

</html>

 

 

posted @ 2007-04-12 14:54  阿一(杨正祎)  阅读(5310)  评论(2)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3