当前位置:  编程技术>WEB前端

Jquery获得控件值的三种方法总结

    来源: 互联网  发布时间:2014-08-25

    本文导语:  一 Jquery获得服务器控件值的方法由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法: 服务器控件代码: 1. $("#").val(); 2. $("input[id*=txtUserID]").val(); 3. $("*[id$=txtUserID...

一 Jquery获得服务器控件值的方法
由于ASP.NET网页运行后,服务器控件会随机生成客户端id,jquery获取时候不太好操作,google了下,总结有以下3种方法:

服务器控件代码:

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

2. $("input[id*=txtUserID]").val();

3. $("*[id$=txtUserID]").val();

二 Jquery获得控件值的方法

取值:

$("")是一个jquery对象,而不是一个dom element
value是dom element的属性
jquery与之对应的是val
val() :获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
所以,代码应该这样写:
取值:val = $("#id")[0].value;
赋值:
$("#id")[0].value = "new value";
或者$("#id").val("new value");


或者这样也可以:val = $("#id").attr("value");
获取一组radio被选中项的值

var item = $('input[@name=items][@checked]').val();
获取select被选中项的文本
var item = $("select[@name=items] option[@selected]").text();
select下拉框的第二个元素为当前选中值
$('#select_id')[0].selectedIndex = 1;
radio单选组的第二个元素为当前选中值
$('input[@name=items]').get(1).checked = true;

获取值:

文本框,文本区域:$("#txt").attr("value");
多选框checkbox:$("#checkbox_id").attr("value");
单选组radio: $("input[@type=radio][@checked]").val();
下拉框select: $('#sel').val();

控制表单元素:
文本框,文本区域:$("#txt").attr("value",'');//清空内容
$("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#chk2").attr("checked",true);//打勾
if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio: $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项
下拉框select: $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项
$("11112222").appendTo("#sel")//添加下拉框的option


$("#sel").empty();//清空下拉框

三   Jquery获得控件 DropDownList值的方法

代码如下:

 
       function bbOK()
       {        
                var a = $("#ddlGuo option:selected").val();
                var b = $("#ddlGuo option:selected").text();
                $("#txttext").attr("value", b);
                $("#txtval").attr("value", a);        
       }  
   

 
            北京市
            南京
            苏州     
       
       
         

        
             
 

    
 
 

您可能感兴趣的文章:

  • jQuery区间选择控件 jquery range picker
  • jquery分页展示控件 kkpager
  • jQuery图库导航控件 prettyGallery
  • jQuery产品展示控件 jqueryBook
  • 可拖放的树形控件 jQuery Simple Tree
  • jQuery的Tree控件 jstree
  • 日期选择控件 jQuery DateInput
  • jquery iis7站长之家
  • jQuery 表格控件 mmGrid
  • jQuery树形控件 wdTree
  • Jquery easyui之控件参数传递方法
  • jquery检测input checked 控件是否被选中的方法
  • jquery dialog open后,服务器端控件失效的快速解决方法
  • 基于jquery的自定义分页控件 jqPaginator
  • Jquery插件分享之气泡形提示控件grumble.js
  • jquery检测input checked 控件是否选中
  • JQuery EasyUI 日期控件如何控制日期选择区间
  • Jquery实现控件的隐藏和显示实例
  • jQuery Validate 验证,校验规则写在控件中的具体实例
  • 基于jQuery 的日历控件 xGCalendar
  • jQuery获得内容和属性示例代码
  • jQuery获得内容与属性方法
  • jQuery获得内容和属性方法及示例
  • jquery获得url参数列表的例子
  • jquery 设置文本框、密码框获得焦点时的样式
  • jquery获得keycode的示例代码
  • Jquery获得Request.QueryString值的例子
  • jQuery如何实现点击页面获得当前点击元素的id或其他信息
  • jquery获得表单所有数据的实例分享
  • jquery中获得元素尺寸和坐标的方法整理
  • jquery获得页面元素坐标值实例分享
  •  
    本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
    本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • jquery easyui开发几点总结
  • jquery为input赋值方法总结
  • jQuery 定时局部刷新(setInterval)方法总结
  • jQuery setTimeout用法总结(实例)
  • JQuery对表格进行操作的常用技巧总结
  • 在jquery中combobox多选的不兼容问题总结
  • jQuery学习总结之jQuery事件
  • jquery操作复选框(checkbox)的12个小技巧总结
  • jquery操作input值方法总结
  • jQuery $.extend()用法总结
  • JQuery对表单元素的基本操作使用总结
  • Jquery选择器学习总结
  • jquery实现ajax提交form表单的方法总结
  • 常用jQuery选择器总结
  • Jquery选择器全面总结(实例)
  • jquery ajax,ashx,json的用法总结
  • jquery查找父元素、子元素(个人经验总结)
  • jquery 下拉表单(select)操作方法总结
  • Jquery 表单元素取值与赋值方法总结
  • jquery 操作iframe的几种方法总结
  • 通过javascript库JQuery实现页面跳转功能代码
  • jQuery鼠标动画插件 jquery-ahover
  • jQuery概述,代码举例及最新版下载
  • jQuery向导插件 Jquery Wizard Plugin
  • Jquery操作html复选框checkbox:全选,全不选和反选
  • jQuery圆角插件 jQuery Corners
  • struts+spring+hibernate+jquery实现分页功能的几个基本类介绍(异步加载)
  • jQuery相册插件 jQuery.popeye
  • jQuery UI组件 jQuery UI
  • jQuery右键菜单插件 jQuery ContextMenu
  • jQuery分页插件 Pagination jQuery Plugin


  • 站内导航:


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

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

    浙ICP备11055608号-3