javaScript中对下拉列表框的操作.docVIP

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 = 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 //全选列表中的项 function SelectAllOption(list) { for (var i=0; ilist.options.length; i++) { list.options[i].selected = true; } } //反选列表中的项 by asp学习网 function DeSelectOptions(list) { for (var i=0; ilist.options.length; i++) { list.options[i].selected = !list.options[i].selected; } } //返回列表中选择项数目 function GetSelectedOptionsCnt(list) { var cnt = 0; var i = 0; for (i=0; ilist.options.length; i++) { if (list.options[i].selected) { cnt++; } } return cnt; } //清空列表 function ClearList(list) { while (list.options.length 0) { list.options[0] = null; } } //删除列表选中项 //返回删除项的数量 function DelSelectedOptions(list) { var i = 0; var deletedCnt = 0; while (i list.options.length) { if (list.options[i].selected) { list.options[i] = null; deletedCnt++; } else { i++; } } return deletedCnt; } //此函数查找相应的项是否存在 //repeatCheck是否进行重复性检查 //若为v，按值进行重复值检查 //若为t，按文字进行重复值检查 //若为vt，按值和文字进行重复值检查 //其它值，不进行重复性检查，返回false function OptionExists(list, optText, optValue, repeatCheck) { var i = 0; var find = false; if (repeatCheck