首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 开发语言 > 编程 >

上拉列表框操作--基本操作部分

2012-12-22 
下拉列表框操作--基本操作部分form idf? select size1 names??? option value1第一项/

下拉列表框操作--基本操作部分

<form id="f">
? <select size="1" name="s">
??? <option value="1">第一项</option>
??? <option value="2">第二项</option>
? </select>
</form>

<script type="text/javascript" language="javascript">
<!--
var f = document.getElementById("f");

//列表项数目(有两种方法)
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>

热点排行