`
- 浏览:
826577 次
- 性别:
- 来自:
北京
-
再来第二个使用类,select元素的操作使用类。
针对网页中select元素的操作实用类(静态方法)
js 代码
-
-
-
-
- functionSelect(){};
-
-
-
-
Select.create=function(selectId,json){
-
Select.clear(selectId);
-
Select.add(selectId,json);
-
};
-
-
-
-
Select.add=function(selectId,json){
-
try{
-
if(!json.options)return;
-
for(vari=0;i<json.options.length;i++){
-
Select.addOption(selectId,json.options[i].value,json.options[i].text);
-
}
-
}catch(ex){
-
alert('设置select错误:指定的JSON对象不符合Select对象的解析要求!');
-
}
-
};
-
-
-
-
Select.createOption=function(value,text){
-
varopt=document.createElement('option');
-
opt.setAttribute('value',value);
-
opt.innerHTML=text;
-
returnopt;
-
};
-
-
-
-
Select.addOption=function(selectId,value,text){
-
varopt=Select.createOption(value,text);
-
$(selectId).appendChild(opt);
-
returnopt;
-
};
-
-
-
-
Select.getSelected=function(selectId){
-
varslt=$(selectId);
-
if(!slt)returnnull;
-
if(slt.type.toLowerCase()=="select-multiple"){
-
varlen=Select.len(selectId);
-
varresult=[];
-
for(vari=0;i<len;i++){
-
if(slt.options[i].selected)result.push(slt.options[i]);
-
}
-
returnresult.length>1?result:(result.length==0?null:result[0]);
-
}else{
-
varindex=$(selectId).selectedIndex;
-
return$(selectId).options[index];
-
}
-
};
-
-
-
-
Select.select=function(selectId,index){
-
varslt=$(selectId);
-
if(!slt)returnfalse;
-
for(vari=0;i<slt.options.length;i++){
-
if(index==i){
-
slt.options[i].setAttribute("selected","selected");
-
returntrue;
-
}
-
}
-
returnfalse;
-
};
-
-
-
-
Select.selectAll=function(selectId){
-
varlen=Select.len(selectId);
-
for(vari=0;i<len;i++)Select.select(selectId,i);
-
};
-
-
-
-
Select.len=function(selectId){
-
return$(selectId).options.length;
-
};
-
-
-
-
Select.clear=function(selectId,iterator){
-
if(typeof(iterator)!='function'){
-
$(selectId).length=0;
-
}else{
-
varslt=$(selectId);
-
for(vari=slt.options.length-1;i>=0;i--){
-
if(iterator(slt.options[i])==true)slt.removeChild(slt.options[i]);
-
}
-
}
-
};
-
-
-
-
-
-
Select.copy=function(srcSlt,targetSlt,iterator){
-
vars=$(srcSlt),t=$(targetSlt);
-
for(vari=0;i<s.options.length;i++){
-
if(typeof(iterator)=='function'){
-
if(iterator(s.options[i],$(targetSlt).options)==true){
-
t.appendChild(s.options[i].cloneNode(true));
-
}
-
}else{
-
t.appendChild(s.options[i].cloneNode(true));
-
}
-
}
-
};
分享到:
Global site tag (gtag.js) - Google Analytics
相关推荐
使用Selenium自带的API操作Select元素时页面可能出现上移或遮挡,导致元素操作失败; 介于此问题,可以使用JQuery来操作Select元素,具体实现见附件。
select元素javascript常用操作,实用!
Javascript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等) JavaScript 1判断select选项中 是否存在Value="paraValue"的Item 2向select选项中 加入一个Item 3从select选项中 删除一个Item...
本文实例讲述了javascript操作select元素的用法。分享给大家供大家参考。具体分析如下: 这里熟悉一下js对select元素的操作,html页面中建立一个form,其中包含一个select元素和submit按钮。 当选择select中某一项时...
自制的jquery插件,只需要一行代码,即可将select控件变成一个即可以输入也可以选择的元素,输入时也会有智能提示。对原来的select的操作完全没有改变,取值依然是取select的值,设置选中,添加项删除项等等都没有...
主要介绍了jquery操作select元素和option的实例代码,感兴趣的小伙伴们可以参考一下
主要介绍了JavaScript操作select元素和option的实例代码的相关资料,需要的朋友可以参考下
在Web开发中,要经常操作表单元素,如input输入框,select下拉选择框,radio单选按钮,checkbox复选框等。这个包含了常用表单元素操作的代码。
现在步入正题,看到书中讲Form元素的操作,像Textbox、Button、Label等,都还是比较简单的,只是看到Select时,稍微有些复杂,于是就想仔细研究研究,于是就有了这篇文章。Select的操作包括动态添加、删除、移动、...
追随了面向对象思想,使得实际操作变得方便,但是如果使用不当,将会面临着到处踩坑的危险,写这篇文章的目的是我遇到的这个问题在网上查了半天也没有发现解决方案,最终研究了vue的源码中有关select元素的部分找到...
jQuery获取Select元素,并选择的Text和Value: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”)....
Javascript 操作select是表单中常见的一种,今天删除多个select值的时候出现了问题,搞了半天原来是索引引起的(即删除的时候要从索引大的开始删, 然后再删除索引小的,否则删除了索引小的后索引大的索引就变化了...
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~以下为网页组合框(Select)~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ int GetSelectCount();//返回网页内所有组合框(Select)的数目 int GetSelectOptionCount(int i);//取...
我们经常遇到要操作DOM元素,例如<select>,在Asp.net中Dropdownlist原型就是select。
主要介绍了JavaScript实现向select下拉框中添加和删除元素的方法,涉及jQuery中append()与remove()方法动态操作表单元素的相关技巧,需要的朋友可以参考下
在layui中重新渲染表单这一步比较重要,部分表单元素...在每次操作部分表单元素后都进行一次调用 以上这篇在layui中select更改后生效的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支
主要介绍了jquery使用ul模拟select实现表单美化的方法,涉及jquery鼠标事件及页面元素样式的相关操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下