jquery操作select
2016-01-02 20:35
519 查看
设置value为pxx的项选中: $("#selector").val("pxx");
设置默认选中值:$("#selector").find("option[text='pxx']").attr("selected",true);
获取当前选中项的value: $("#selector").val();
获取当前选中项的text: $("#selector").find("option:selected").text();
很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。
如:$("#selector1").change(function(){
// 先清空第二个
$("#selector2").empty();
// 实际的应用中,这里的option一般都是用循环生成多个了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
或者
$("#regionid").append("<option value=" + reiongInfo[0] + ">" + reiongInfo[1] + "</option>");
});
设置默认选中值:$("#selector").find("option[text='pxx']").attr("selected",true);
获取当前选中项的value: $("#selector").val();
获取当前选中项的text: $("#selector").find("option:selected").text();
很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。这在jquery中是非常简单的。
如:$("#selector1").change(function(){
// 先清空第二个
$("#selector2").empty();
// 实际的应用中,这里的option一般都是用循环生成多个了
var option = $("<option>").val(1).text("pxx");
$(".selector2").append(option);
或者
$("#regionid").append("<option value=" + reiongInfo[0] + ">" + reiongInfo[1] + "</option>");
});
相关文章推荐
- jQuery基础教程学习笔记(一)
- jQuery中的ajax用法案例
- Jquery DatePicker基本使用方法
- 解决jquery.datatable.js无法使用colspan的问题
- 关于 jquery select 的一些记录,主要方便自己查看
- jquery实现简单的全选和反选功能
- jquery中focus()函数实现当对象获得焦点后自动把光标移到内容最后
- jquery.cookie() 的使用(原)
- 《锋利的jQuery》阅读笔记
- jquery 数组 添加元素
- jquery选择器 之 获取父级元素、同级元素、子元素
- jQuery获取父元素
- jquery 插件的编写
- jQuery学习心得
- javascript中那些计算元素位置的方法和jQuery位置计算方法比较
- 图片懒加载的jQuery插件lazyLoad源码分析十八问
- juqery中checkbox的click事件
- jquery实现简单的全选和反选功能
- jquery 基础总结
- jQuery插件