文档介绍:Javascript中下拉列表框(select)的操作
这篇文章,主要是关于javascript和select相关的最基本方法,以供不熟悉javascript的人参考。常见的情况是,提出表单结构的人, 不仅仅需要为程序设计逻辑,创建数据结构,还需要设计表单的样式,以及熟悉javascript;某些公司可能会要求您精通photoshop,最初的时候,我们都是全才。
下面是我们例子的基础表单。
<form id="f">
<select size="1" name="s">
<option value="">asp学习网</option>
<option value="">百度</option>
</select>
</form>
<script type="text/javascript">
<!--
var f = ("f");
//获得select列表项数目
();
();
//当前选中项的下标(从0 开始)(有两种方法)
//如果选择了多项,则返回第一个选中项的下标
();
();
//检测某一项是否被选中
([0].selected);
//获得某一项的值和文字
([0].value);
([1].text);
//删除某一项
[1] = null;
//追加一项
[] = new Option("追加的text", "追加的value");
//更改一项
[1] = new Option("更改的text", "更改的value");
//也可以直接设置该项的 text 和 value
//-->
</script>
//全选列表中的项
function SelectAllOption(list)
{
for (var i=0; i<; i++)
{
[i].selected = true;
}
}
//反选列表中的项 by asp学习网
function DeSelectOptions(list)
{
for (var i=0; i<; i++)
{
[i].selected = ![i].selected;
}
}
//返回列表中选择项数目
function t(list)
{
t = 0;
var i = 0;
for (i=0; i<