jq操作select
来源:互联网 发布:mac能玩什么网游 编辑:程序博客网 时间:2024/06/06 07:13
<select id="select1"> <option value="日卡" money="12" text="日">日卡</option> <option value="月卡" money="58" text="月">月卡</option> <option value="年卡" money="518" text="年">年卡</option></select>
获取
//为Select添加事件,当选择其中一项时触发$('#select1').change(function (e) { e.preventDefault(); //获取Select选择的文本 var checkText = $('#select1').find('option:selected').text(); //获取Select选择的Value var checkValue = $("#select1").val(); //获取Select选择的索引值 var checkIndex = $("#select1 ").get(0).selectedIndex; //获取Select最后选项的索引值 var lastMoney = $("#select1 option:last").attr("money");});
设置
//设置Select索引值为1的项选中$("#select1 ").get(0).selectedIndex = 1;// 设置Select的Value值为'年卡'的项选中$("#select1").val('年卡');//设置Select的Text值为'日'的项选中$("#select1 option[text='日']").attr("selected", true);
添加/删除option选项
//为Select追加一个Option(最后一个位置)$("#select1").append("<option value='周卡' money='318' text='周'>周卡</option>"); //为Select插入一个Option(第一个位置)$("#select1").prepend("<option value='请选择' money='0'>请选择</option>"); //删除Select中最后一个Option$("#select1 option:last").remove(); //删除Select中索引值为0的Option(第一个)$("#select1 option[money='0']").remove(); //删除Select中Value='周卡'的Option$("#select1 option[value='周卡']").remove(); //删除Select中Text='年'的Option$("#select1 option[text='年']").remove();
阅读全文
0 0
- jq select操作全集
- jq select操作全集
- jq select操作全集
- jq操作select集合
- jq select操作
- jq select操作全集
- JQ操作select项
- jq select操作全集
- jq select操作全集
- jq操作select
- jq操作select
- jq操作select下拉框
- JQ 操作radio select 等
- jq操作select下拉列表,单选框radio,多选框
- jq:对下拉框select的操作的总结
- js对<select><option>操作和jq的选择器
- Android中CSS设置select高度的bug解决方法及jq操作select
- jq select 总结
- spring+springmvc的例子
- 如何将自己的项目添加Pod
- DeepID人脸识别算法之三代
- 安全测试常用几个工具
- Java集合——HashMap、HashTable以及ConCurrentHashMap异同比较
- jq操作select
- go语言学习-变量声明
- 解决nextSibling.nodeValue取不到checkbox后文本内容的问题
- Laravel 调用快递100 进行实时快递查询和物流订阅
- 学习组播原理
- 二进制文件操作-存储与读取
- TestNg安装与使用
- CC2640之添加一个自定义的特性值
- 使用Spring中配置的数据库,来再创建一个数据库