js操作select控件大全(包含新增、修改、删除、选中、清空、判断存在等)
2016-05-09 23:52
706 查看
原文:js操作select控件大全(包含新增、修改、删除、选中、清空、判断存在等)
js操作select控件大全(包含新增、修改、删除、选中、清空、判断存在等)
[align=center][/align] js 代码 // 1.判断select选项中 是否存在Value="paraValue"的Item function jsSelectIsExitItem(objSelect, objItemValue) { var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { isExit = true; break; } } return isExit; } // 2.向select选项中 加入一个Item function jsAddItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { alert("该Item的Value值已经存在"); } else { var varItem = new Option(objItemText, objItemValue); objSelect.options.add(varItem); alert("成功加入"); } } // 3.从select选项中 删除一个Item function jsRemoveItemFromSelect(objSelect, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options.remove(i); break; } } alert("成功删除"); } else { alert("该select中 不存在该项"); } } // 4.删除select中选中的项 function jsRemoveSelectedItemFromSelect(objSelect) { var length = objSelect.options.length - 1; for(var i = length; i >= 0; i--){ if(objSelect[i].selected == true){ objSelect.options[i] = null; } } } // 5.修改select选项中 value="paraValue"的text为"paraText" function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options[i].text = objItemText; break; } } alert("成功修改"); } else { alert("该select中 不存在该项"); } } // 6.设置select中text="paraText"的第一个Item为选中 function jsSelectItemByValue(objSelect, objItemText) { //判断是否存在 var isExit = false; for (var i = 0; i < objSelect.options.length; i++) { if (objSelect.options[i].text == objItemText) { objSelect.options[i].selected = true; isExit = true; break; } } //Show出结果 if (isExit) { alert("成功选中"); } else { alert("该select中 不存在该项"); } } // 7.设置select中value="paraValue"的Item为选中 document.all.objSelect.value = objItemValue; // 8.得到select的当前选中项的value var currSelectValue = document.all.objSelect.value; // 9.得到select的当前选中项的text var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text; // 10.得到select的当前选中项的Index var currSelectIndex = document.all.objSelect.selectedIndex; // 11.清空select的项 document.all.objSelect.options.length = 0; |
相关文章推荐
- BZOJ 1030 【JSOI2007】文本生成器
- JS基础语法3(if-else语句)
- JavaScript 中的内存泄漏
- 用js判断时间的先后顺序
- JavaScript图片轮播
- js常用属性及方法总结(温习下旧知识)
- JavaScript 基础
- Js倒计时
- JS获取当前完整的url地址以及参数的方法
- webstrom 中 plugins error 设置里 Languages & Frameworks里面没有JavaScript?
- js精简写倒计时函数
- JS日期对象扩展-日期格式化
- 如果key不存在,String str=json.optString (key,fallback)会返回 默认值fallback。安全。
- js 两个圆括号 自调用 闭包
- js 百度地图自定义弹出信息窗口
- JSONP -- one way of cross-domain data sharing
- JavaScript 检查某元素是否有某属性 elementSupportAttribute(elementName,attribute) JavaScript扩展
- JavaScript 查看input元素是否支持某种type JavaScript扩展
- JS综合学习教程<一>
- JS高级程序编程读书笔记:一.基本概念