wudi

博客园 首页 新随笔 联系 订阅 管理
选中下拉框中的值,动态生成一个复选框,值为下拉框中被选中的值
取消复选框的被选中状态,同时该复选框也删除

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
  <script>
function clearbox(v)
{
document.body.removeChild(v);
}
function addCheckbox(v)
{

if(v!="0")
{
var str="<input title="+v+" type=checkbox checked onclick=clearbox(this) value="+v+">";

var newCheckbox = document.createElement(str);

document.body.insertBefore(newCheckbox);
document.all("select").value="0";
}

}
</script>
 </HEAD>

 <BODY>
 <select name="select" onclick="addCheckbox(this.value)">
 <option value='0'>请选择</option>
<option value='值1'>选项1</option>
<option value='值2'>选项2</option>
<option value='值3'>选项3</option>
<option value='值4'>选项4</option>
<option value='值5'>选项5</option>
<option value='值6'>选项6</option>
</select>
 </BODY>
</HTML>

posted on 2007-08-29 11:03  菜鸟吴迪  阅读(2613)  评论(0编辑  收藏  举报