下面列举Javascript 操作select的一一般步骤。
1.动态删除select中的所有options:
function deleteAllOptions(sel){
sel.options.length=0;
}
2.动态删除select中的某一项option:
function deleteOption(sel,indx){
sel.options.remove(indx);
}
3.动态添加select中的项option:
function addOption(sel,text,value){
sel.options.add(new Option(text,value));
}
4.删除select中选中的项
function removeSelectedItem(obj) {
var length = obj.options.length - 1;
for(var i = length; i >= 0; i--){
if(obj[i].selected == true){
obj.options[i] = null;
}
}
}
5.得到select的当前选中项的text
var currSelectText = objSelect.options[document.all.objSelect.selectedIndex].text;
6.得到select的当前选中项的Index
var currSelectIndex = objSelect.selectedIndex;
其中需要注意的是,删除多个Item选项时,需要考虑Options索引的问题,删除索引小的Option时,序号顺序会自动往下递减,这是删除后面的Item时,就会因为索引不对应,造成删除有误,所以需要倒叙排序进行删除操作。
分享到:
相关推荐
系统安全 基本设备 探测器系统 平板探测器(FD) 限束器 立式胸片架 附件和辅助设备 标签位置 高压发生器 技术规格 Multix Select DR 操作
本篇文章主要介绍了jQuery对Select的操作进行了详细的汇总,需要的朋友可以过来参考下,希望对大家有所帮助
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等) JavaScript 1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item...
js 操作select 下拉框js 操作select 下拉框
JavaScript对Select的操作
涵盖了js对select的常用操作 1.判断select选项中 是否存在Value="paraValue"的Item 2.向select选项中 加入一个Item 3.从select选项中 删除一个Item 4.修改select选项中 value="paraValue"的text为"paraText" 5.设置...
js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全 js操作select控件大全
对select的详细操作 1判断是否选中 2对属性的增删改成 3分类源码
js 操作select和optionjs 操作select和option
对原来的select的操作完全没有改变,取值依然是取select的值,设置选中,添加项删除项等等都没有改变。用脚本动态设置select的值时请在后面加上一个change()这样显示的值才会改变。不知道怎么监控脚本对select的值的...
JQuery对select的操作(01).zip 欢迎下载!
js操作select大全 js操作select大全 转
键盘操作select下拉框,不需要鼠标,直接用键盘就可以选择select框的标签。可以使用键盘操作下拉框
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等
SQL语言—SELECT 的更新操作
举例说明如何通过JQuery操作select
JavaScript操作select JavaScript操作table
这是一个对struts一个标签(html:select)的操作,主要为了操作下拉列表控制的数据读取,适合于初学者。。
如下图这样把操作按钮放在select弹层底部是一种挺常见的设计方式 但是很遗憾element-ui没有给我们提供这个插槽,我们想实现这个功能只能重写组件或者等官方更新吗,答案当然是否定的! 花了一点时间通过一个函数...
Js操作Select大全(取值、设置选中等等) Js操作Select大全(取值、设置选中等等)