`
swingfly
  • 浏览: 52703 次
  • 性别: Icon_minigender_1
  • 来自: 成都
社区版块
存档分类
最新评论

通过jquery的selector获取表单的值

阅读更多
例如有这样的一个表单,我想要通过jquery获取它的各个控件的值:
<input type= "text" id = "title_key_word" style='width:95%'></input>
<select id = "export_type" style='width:100%' >
<option value = "%">All</option>
<option value = "PDF">PDF</option>
<option value = "XLS">XLS</option>
<option value = "HTML">HTML</option>
</select>
<select id = "schedule_type" style='width:100%'>
<option value = "%">All</option>
<option value = "Immediately">Immediately</option>
<option value = "Dayly">Dayly</option>
<option value = "Weekly">Weekly</option>
<option value = "Monthly">Monthly</option>
</select>
<input type = "text" id = "date_input" name = "create_date" readonly></input>

 方法如下:

 

var reportTitle = $("#title_key_word").val();
var exportType = $("#export_type").val();
var scheduleType = $("#schedule_type").val();
var dateInput = $("#date_input").val();

 val():获得第一个匹配元素的当前值,也可以通过$("#text_id").attr("value")的方式获取input的值。如果要给一个元素赋值,也可以通过$("#id").val(newValue),这样的方式来赋值。

对于select元素也可以通过这样的方式来获取它的value:

 

$( "select[@name=sname] option[@selected]" ).val();  
 

另外对于表单的其他元素,可以通过如下方式获取它们的值:

var valradio = $("input[@type=radio][@checked]").val();
var checkboxval = $("#checkbox_id").attr("value");
   

 

分享到:
评论

相关推荐

    基于jQuery Selector.js插件实现的联动下拉框表单美化效果源码.zip

    基于jQuery Selector.js插件实现的联动下拉框表单美化效果源码.zip

    jQuery联动下拉框表单美化.zip

    jQuery联动下拉框表单美化是一款基于Selector.js插件实现的表单特效。

    jQuery表单jquery-repeater.zip

    jQuery 重复表单字段。保证表单字段的 name 及 ID 递增。示例://All options are optional.  new Repeater($('.repeatable'), {  addSelector: '.repeater-add', //The css selector for the add ...

    jQuery打印插件.js

    功能:是否应将用户更新的表单输入值复制到打印的标记上(这可以通过手动迭代每个表单元素来完成) 延期的 默认: $.Deferred() 可接受的值:任何有效的jQuery.Deferred对象 功能:一旦调用print函数就解析的jQuery....

    Jquery中ajax提交表单几种方法(get、post两种方法)

    在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ,下面我...

    解析jquery获取父窗口的元素

    取父窗口的元素方法:$(selector, window.parent.document);那么你取父窗口的父窗口的元素就可以用:$(selector, window.parent.parent.document);类似的,取其它窗口的方法大同小异$(selector, window.top.document...

    jQuery表单选择器用法详解

    表单选择器 1. :button Selector  1. jQuery(“:button”)  2. 选择所有元素和类型为按钮的元素 2. :checkbox Selector  1. jQuery(“:checkbox”)  2. 选择所有元素和类型为复选框的元素 3. :checked ...

    jQuery-serialize()输出序列化form表单值的方法

    定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。 序列化的值可在生成 AJAX 请求时用于 URL 查询字符串...

    JQuery新版中文手册

    JQuery开发手册 jQuery 核心函数 jQuery([sel,[context]]) jQuery(html,[ownerDoc]) jQuery(callback) jQuery.holdReady(hold)1.6+ jQuery 对象访问 each(callback) size() length selector context get...

    jQuery 1.4.1 中文参考

    ...... ........目录.......................... 1. 速查表 10 ...12.4 提交bug及获取更新 197 12.5 changelog 198 ....................................... .......................................

    jQuery表单域属性过滤器用法分析

    本文实例讲述了jQuery表单域属性过滤器用法。分享给大家供大家参考。具体分析如下: 表单内包含各种各样的表单域,使用表单域属性选择器可以很好的获取已被选中的单选按钮,复选框以及列表项,也可以根据是否可用从...

    jQuery详细教程

    jQuery详细教程,讲解很透彻, 一. jQuery 语法实例 $(this).hide() 演示 jQuery hide() 函数,隐藏当前的 HTML 元素。 $("#test").hide() 演示 jQuery hide() 函数,隐藏 id="test" 的元素。 $("p").hide() ...

    jQuery联动下拉框表单美化特效代码

    jQuery联动下拉框表单美化是一款基于Selector.js插件实现的表单特效。

    jQuery Validate表单验证深入学习

    之前一篇文章介绍了jQuery Validate表单验证入门的基础知识,详细内容参见《jQuery Validate表单验证入门学习》,今天这篇文章深入学习jQuery Validate表单验证,以下就是文章的全部内容: 1、用其他方式替代默认的 ...

    jquery-1.1.3 效率提高800%

    如果键对应的值是数组,jQuery会将其值赋给同一个键属性。 例如 {foo:["bar1", "bar2"]} 变为 '&foo=bar1&foo=bar2'。 dataType( Intelligent Guess (xml or html)) 数据类型: String 期待由服务器返回值...

    jQuery完全实例.rar

    jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都构建于这个函数之上,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个...

    jquery-collection:使用 Symfony2 表单集合的简单 jQuery 插件

    #jQuery Collection Plugin 这是一个使用 Symfony2 表单集合的简单插件。...安装该插件可以通过使用以下命令bower install jquery.collection 。 您还可以整个存档并手动将 Javascript 文件包含到您的 H

    jQuery ajax serialize()方法的使用以及常见问题解决

    jQuery ajax – serialize() 方法定义和用法 serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。 您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。 序列化的值可在生成 ...

Global site tag (gtag.js) - Google Analytics