JS Select的动态取值（Text,value）,添加,删除。兼容IE

原创于 2010-10-14 14:43:01 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#IE #JavaScript #ViewUI

Web前端专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的动态下拉菜单操作案例，包括添加、删除选项及获取选中值的功能。通过简单的HTML结构配合JavaScript函数，演示了如何增强网页交互性和用户体验。

<script language="javascript">
function addSel(o,o1,o2)
{
    o.options.add(new Option(o2.value,o1.value));
}
function delSel(o)
{
    o.options.remove(o.selectedIndex);
    o.selectIndex=0;
}
function getValue(o)
{
    alert("Text :"+o.options[o.selectedIndex].text+"\nValue:"+o.value);
}
</script>
<select id="sel">
<option value="1">11111</option>
<option value="2">22222</option>
</select>
value:<input id="addV" type="text">
text:<input id="addT" type="text">
<input type="button" value="添加" onclick="addSel(document.getElementById('sel'),document.getElementById('addV'),document.getElementById('addT'))">
<input type="button" value="删除" onclick="delSel(document.getElementById('sel'))">

<input type="button" value="取值" onclick="getValue(document.getElementById('sel'))">