当前位置:  编程技术>jquery

jquery中select操作的例子

    来源: 互联网  发布时间:2014-09-03

    本文导语:  jquery操作表单select的例子,大家作个参考。 例如,有这样的表单项: 来看以下的例子: 1、设置value为pxx的项选中 $(".selector").val("pxx"); 2、设置text为pxx的项选中 $(".selector").find("option[text='pxx']").attr("selected",true); 注意中括号的用...

jquery操作表单select的例子,大家作个参考。

例如,有这样的表单项:

来看以下的例子:

1、设置value为pxx的项选中
$(".selector").val("pxx");

2、设置text为pxx的项选中
$(".selector").find("option[text='pxx']").attr("selected",true);
注意中括号的用法,中括号里的等号的前面是属性名称,不用加引号。很多时候,中括号的运用可以使得逻辑变得很简单。

3、获取当前选中项的value
$(".selector").val();

4、获取当前选中项的text
$(".selector").find("option:selected").text();

5、jQuery.fn.setSelectedValue = function (val) {
    $(this).get(0).value = val;
}
使用方法 $(" ").setSelectedValue (value)

很多时候用到select的级联,即第二个select的值随着第一个select选中的值变化。
例如:
 

代码示例:

$(".selector1").change(function(){
// 先清空第二个

$(".selector2").empty();
// 实际的应用中,这里的option一般都是用循环生成多个了
var option = $("").val(1).text("pxx");
$(".selector2").append(option);
});


    
 
 

您可能感兴趣的文章:

  • JQuery转义id中特殊字符的例子
  • jquery检测浏览器名称和版本信息的例子
  • jQuery.proxy向函数中传参的小例子
  • jQuery提交多个表单的小例子
  • jquery获得url参数列表的例子
  • jQuery查看事件内容的小例子
  • jQuery循环array与map小例子
  • jquery 绑定、捕获、拦截回车事件的例子
  • jquery转化Datatable为json数据的例子
  • jquery 获取URL请求参数的小例子
  • jquery 文字上下滚动的小例子
  • jquery链式操作、链式写法的小例子
  • jquery hide方法隐藏元素的例子
  • jquery判断浏览器后退时弹出消息的例子
  • jQuery为checkbox、radio赋值的例子
  • jquery隐藏标签、显示标签的例子
  • JQuery checkbox全选的小例子
  • jQuery判断checkbox是否选中的小例子
  • jQuery元素属性attr设置多个键值的例子
  • jQuery 随机展示图片的例子
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jquery下拉select控件操作方法分享(jquery操作select)
  • Cookie操作插件 jQuery.Cookie
  • 利用js(jquery)操作Cookie的方法说明
  • jQuery操作select option选项(增加 删除 修改)
  • jquery常用操作小结
  • JQuery操作DOM的笔记
  • jquery链式操作的正确使用方法
  • jQuery操作select下拉框的text值和value值的方法
  • jquery加载完iframe的内容后才进行下一步操作的实现方法
  • jquery操作单选框radio的例子
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Jquery禁用所有select标签的值的方法
  • jquery模拟select控件
  • jquery select默认选中的设置方法
  • jQuery下拉框美化插件 Select-or-Die
  • jquery select 取值与赋值示例
  • jquery对select列表取值与赋值
  • jquery 删除select中option选项
  • JQUERY 设置SELECT选中项代码
  • jquery的clone方法应用于textarea和select的bug修复
  • jQuery 选项插件 Bootstrap Select
  • jQuery对Select的操作大集合(收藏)
  • jquery select 设置默认选中的示例代码
  • jQuery转换选择框为按钮的插件 Select2Buttons
  • jquery对select下拉框取值与赋值方法汇总
  • jquery 操作select取值与设置选中值
  • jquery实现Select option项的添加、删除、取值
  • jquery遍历select元素(实例讲解)
  • IE8下Jquery获取select选中的值post到后台报错问题
  • Jquery设置选中 select、radio、checkbox 默认值的例子
  • jquery遍历select元素的二种方法(实例)
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery圆角插件 jQuery Corners
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin
  • jQuery日历插件 jQuery Week Calendar


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3