jQuery 获取和设置select下拉框的值实现代码


Posted in Javascript onNovember 08, 2013

获取Select :

获取select 选中的 text :

$("#ddlRegType").find("option:selected").text();

获取select选中的 value:

$("#ddlRegType ").val();

获取select选中的索引:

$("#ddlRegType ").get(0).selectedIndex;

设置select:

设置select 选中的索引:

$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值

设置select 选中的value:

    $("#ddlRegType ").attr("value","Normal“);

    $("#ddlRegType ").val("Normal");

    $("#ddlRegType ").get(0).value = value;

设置select 选中的text:

var count=$("#ddlRegType option").length;

  for(var i=0;i<count;i++) 
     {           if($("#ddlRegType ").get(0).options[i].text == text) 
        { 
            $("#ddlRegType ").get(0).options[i].selected = true; 

            break; 
        } 
    }

$("#select_id option[text='jQuery']").attr("selected", true);

设置select option项:

 $("#select_id").append("<option value='Value'>Text</option>");  //添加一项option

 $("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option

 $("#select_id option:last").remove(); //删除索引值最大的Option

 $("#select_id option[index='0']").remove();//删除索引值为0的Option

 $("#select_id option[value='3']").remove(); //删除值为3的Option

 $("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
 

清空 Select:

$("#ddlRegType ").empty();

Javascript 相关文章推荐
js常用函数 不错
Sep 08 Javascript
js 匿名调用实现代码
Jun 19 Javascript
javascript两种function的定义介绍及区别说明
May 02 Javascript
js实现的简单radio背景颜色选择器代码
Aug 18 Javascript
jQuery UI设置固定日期选择特效代码分享
Aug 27 Javascript
详解JavaScript树结构
Jan 09 Javascript
JavaScript中利用for循环遍历数组
Jan 15 Javascript
js实现tab切换效果
Feb 16 Javascript
Vue使用vue-area-linkage实现地址三级联动效果的示例
Jun 27 Javascript
微信小程序五子棋游戏的悔棋实现方法【附demo源码下载】
Feb 20 Javascript
微信小程序生成海报分享朋友圈的实现方法
May 06 Javascript
JavaScript获取时区实现过程解析
Sep 24 Javascript
jqGrid增加时--判断开始日期与结束日期(实例解析)
Nov 08 #Javascript
JavaScript中this的使用详解
Nov 08 #Javascript
jqGrid日期格式的判断示例代码(开始日期与结束日期)
Nov 08 #Javascript
JQuery验证jsp页面属性是否为空(实例代码)
Nov 08 #Javascript
原生js做的手风琴效果的导航菜单
Nov 08 #Javascript
jquery 日期控件datepicker属性详细解析
Nov 08 #Javascript
jquery增加时编辑jqGrid(实例代码)
Nov 08 #Javascript
You might like
用PHP制作静态网站的模板框架(二)
2006/10/09 PHP
php顺序查找和二分查找示例
2014/03/27 PHP
禁止JQuery中的load方法装载IE缓存中文件的方法
2009/09/11 Javascript
将jQuery应用于login页面的问题及解决
2009/10/17 Javascript
Extjs 几个方法的讨论
2010/01/28 Javascript
javascript实现复选框选中属性
2015/03/25 Javascript
jQuery中prepend()方法使用详解
2015/08/11 Javascript
jquery模拟实现鼠标指针停止运动事件
2016/01/12 Javascript
js实现的万能flv网页播放器代码
2016/04/30 Javascript
json对象转为字符串,当做参数传递时加密解密的实现方法
2016/06/29 Javascript
angularjs实现文字上下无缝滚动特效代码
2016/09/04 Javascript
angularjs 中$apply,$digest,$watch详解
2016/10/13 Javascript
AngularJS 文件上传控件 ng-file-upload详解
2017/01/13 Javascript
JavaScript常用正则函数用法示例
2017/01/23 Javascript
结合mint-ui移动端下拉加载实践方法总结
2017/11/08 Javascript
动态加载、移除js/css文件的示例代码
2018/03/20 Javascript
在HTML文档中嵌入JavaScript的四种方法
2018/05/07 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
javascript动态创建对象的属性详解
2018/11/07 Javascript
js JSON.stringify()基础详解
2019/06/19 Javascript
Moment.js实现多个同时倒计时
2019/08/26 Javascript
在Vue mounted方法中使用data变量详解
2019/11/05 Javascript
Window10下python3.7 安装与卸载教程图解
2019/09/30 Python
如何将你的应用迁移到Python3的三个步骤
2019/12/22 Python
python序列类型种类详解
2020/02/26 Python
python 解决mysql where in 对列表(list,,array)问题
2020/06/06 Python
CSS3教程:边框属性border的极致应用
2009/04/02 HTML / CSS
AmazeUi Tree(树形结构) 应用小结
2020/08/17 HTML / CSS
Mavi牛仔裤美国官网:土耳其著名牛仔品牌
2016/09/24 全球购物
区域销售经理岗位职责
2013/12/10 职场文书
教师队伍管理制度
2014/01/14 职场文书
会议接待欢迎词范文
2015/01/26 职场文书
2015年世界环境日活动方案
2015/05/05 职场文书
经营场所使用证明
2015/06/19 职场文书
会计主管竞聘书
2015/09/15 职场文书
小学记事作文之200字
2019/08/06 职场文书