Select下拉列表框(添加、删除option)
来源:互联网 发布:java免费开源网店系统 编辑:程序博客网 时间:2024/05/16 05:26
这是一个实现Select下拉列表框(添加、删除option) 的实例代码,新手朋友可以学习一下,
<select id=/"s1/" size=/"5/" multiple=/"multiple/">
<option value=/"11111/">11111</option>
<option value=/"22222/">22222</option>
<option value=/"33333/">33333</option>
<option value=/"44444/">44444</option>
<option value=/"55555/">55555</option>
</select>
<select id=/"s2/" size=/"5/" multiple=/"multiple/">
</select>
<br /><br />
<input type=/"button/" value=/"添加/" onclick=/"AddOrRomove(’add’);/" />
<input type=/"button/" value=/"删除/" onclick=/"AddOrRomove(’remove’);/" />
<script language=/"javascript/" type=/"text/javascript/">
function AddOrRomove(action)
{
var s1 = document.getElementById(/"s1/");
var s2 = document.getElementById(/"s2/");
var optionArray = new Array();
if (action == /"add/") //添加
{
for (var i=0;i<s1.options.length;i++)
{
if (s1.options[i].selected == true)
{optionArray.push(s1.options[i]);}
}
for (var j in optionArray)
{
optionArray[j].selected = false;
s2.options.appendChild(optionArray[j]);
}
}
else if (action == /"remove/") //删除
{
for (var i=0;i<s2.options.length;i++) [Page]
{
if (s2.options[i].selected == true)
{optionArray.push(s2.options[i]);}
}
for (var j in optionArray)
{
optionArray[j].selected = false;
s1.options.appendChild(optionArray[j]);
}
}
}
</script>
- Select下拉列表框(添加、删除option)
- Select下拉列表框(添加、删除option)
- 下拉列表框,动态添加删除OPTION
- 删除下拉列表选项 删除select中的option
- 删除和添加select下拉框选中的内容option,以及清空option选项
- 下拉列表 select-option ; select-optgroup-option
- select下拉列表, 从数据库查询,动态添加选项option
- 下拉列表select动态添加option和获取选中的option的值和value
- 两个 下拉列表框 Select 的 Option 互相移动
- select中添加、删除option
- js select option添加/删除
- easyUI中select下拉框添加option选项
- HTML中的下拉列表:<select>、<option>、<optgroup>。
- 添加删除select中的option元素
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- select中添加、修改、删除option元素
- js 两个 multiple select 添加 删除 option
- linux上打tar包以及释放的指令,还有释放以及打其它压缩包的指令
- ASP程序实现网页伪静态页源代码
- XML 命名空间NameSpace
- 我的未来在哪里……
- XMLNameSpace----XML命名空间
- Select下拉列表框(添加、删除option)
- 又一年了,靓,生日快乐
- 主题:JAVA DATE总结
- split
- 写在2010年初
- ssh
- ASP调用带参数存储过程的几种方式
- C++ 的Hello World!!!
- 从概念设计到信息架构