bob体育官方平台
jQuery select自动选中成效实现格局深入分析_jquery_脚本之家

本文实例分析了jQuery select自动选中功能实现方法。分享给大家供大家参考,具体如下:

本文实例讲述了jquery操作select常见方法。分享给大家供大家参考,具体如下:

//筛选var typeid = "";var bigclassid = "";var smallclassid = "";$("#typeid option[value="+typeid+"]").attr;$;$("#bigclassid option[value="+bigclassid+"]").attr;$.change();$("#smallclassid option[value="+smallclassid+"]").attr;

在前段HTML页面设计中select 下拉框,或者 在 multiple="multiple" 时,表现为列表。经常会在页面上对其进行操作,这些操作不外乎:

获取值后,设置自动选中。

  1. 得到选中的 select 的 option 的值或者text.2. 删除选中的 select 的 option.3. 向select中增加新的option.4. 得到select option 长度,也就是个数size5. 清空select.6. 两个select 框之间互相添加删除,从左边到右边,从右边到左边的操作,通常是多选情况。7. 判断在 select 框中是否存在某一个值的选项

选中之后,调用change()方法。change方法会显示出下一级的select框。然后再选中,再调用change()方法。这样就把三级的select框都显示出来了,并且默认选中了。

对第一种情况,用如下方法:

$.ready{ //ajax级联 $.change{ var id = $; setbigclass; $.change{ var id = $; setsmallclass; $.click{ $.submit;function setbigclass{ var res = ajaxgetbigclass{ myobj = eval; var strHtml="全部大类"; for(var i=0;i"+myobj[i].name+""; } $.html; $.change(); }else{ $.html('').hide.html('').hide(); }}function setsmallclass{ var res = ajaxgetsmallclass{ myobj = eval; var strHtml="全部子类"; for(var i=0;i"+myobj[i].name+""; } $.html; $.show(); }else{ $.html; }}
$.change{//code...}); //为Select添加事件,当选择其中一项时触发var checkText=$.find.text(); //获取Select选择的Textvar checkValue=$; //获取Select选择的Valuevar checkIndex=$.selectedIndex; //获取Select选择的索引值var maxIndex=$("#select_id option:last").attr; //获取Select最大的索引值 jQuery设置Select选择的Text和Value:

$.selectedIndex=1; //设置Select索引值为1的项选中$; //设置Select的Value值为4的项选中$("#select_id option[text='jQuery']").attr; //设置Select的Text值为jQuery的项选中

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery表单操作技巧总结》、《jQuery常用插件及用法总结》、《jQuery扩展技巧总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》

对第二种情况,删除的处理:

希望本文所述对大家jQuery程序设计有所帮助。

$("#select_id option:last").remove(); //删除Select中索引值最大Option$("#select_id option[index='0']").remove(); //删除Select中索引值为0的Option$("#select_id option[value='3']").remove(); //删除Select中Value='3'的Option$("#select_id option[text='4']").remove(); //删除Select中Text='4'的Option

如果要删除选中的option ,则需要先得到 选中option 的序号. var checkIndex=$.selectedIndex; 然后再调用上面的方法删除.

对第三种情况,增加option 的处理:

$.append("Text"); //为Select追加一个Option.prepend("请选择"); //为Select插入一个Option
返回顶部