javascript对下拉列表框(select)的操作实例讲解
127 浏览量
2020-12-12
07:03:33
上传
评论
收藏 52KB PDF 举报
javascript对下拉列表框对下拉列表框(select)的操作实例讲解的操作实例讲解
这篇文章，主要是关于javascript和select相关的最基本方法，以供不熟悉javascript的人参考。常见的情况是，提出表单结构
的人， 不仅仅需要为程序设计逻辑，创建数据结构，还需要设计表单的样式，以及熟悉javascript；某些公司可能会要求您精
通photoshop：最初的时候，我们都是全才。
下面是我们例子的基础；这不是一个标准的表单。
<form id=”f”>
<select size=”1″ name=”s”>
<option value=”jb51.net”>软件开发网</option>
<option value=”baidu.com”>百度</option>
</select>
</form>
—————————————————————————
代码如下:
<script type=”text/javascript”>
<!–
var f = document.getElementById(“f”);
//获得select列表项数目
document.write(f.s.options.length);
document.write(f.s.length);
//当前选中项的下标(从0 开始)（有两种方法）
//如果选择了多项，则返回第一个选中项的下标
document.write(f.s.options.selectedIndex);
document.write(f.s.selectedIndex);
//检测某一项是否被选中
document.write(f.s.options[0].selected);
//获得某一项的值和文字
document.write(f.s.options[0].value);
document.write(f.s.options[1].text);
//删除某一项
f.s.options[1] = null;
//追加一项
f.s.options[f.s.options.length] = new Option(“追加的text”, “追加的value”);
//更改一项
f.s.options[1] = new Option(“更改的text”, “更改的value”);
//也可以直接设置该项的 text 和 value
//–>
</script>
评论0