例如有这样的一个表单,我想要通过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实现联动下拉框,以及如何结合Ajax和CSS进行表单美化,这对于前端开发者来说是一份宝贵的实战经验。
在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。...通过实践和学习压缩包内的代码,你可以加深对jQuery表单验证的理解,并将其应用于自己的项目中。
《jQuery获取表单数据...通过这个合集,你可以学习到如何利用jQuery高效地处理表单数据,无论是获取还是提交,都能更加得心应手。结合实际的赚钱项目,掌握这些技能,能让你在前端开发中更加游刃有余,提升工作效率。
- 使用`$(selector).serialize()`方法,可以获取表单元素的值并将其转换为URL编码的字符串,适用于POST请求。 - 对于复杂数据结构,可以使用`$(selector).serializeArray()`,然后手动构建数据对象。 3. **发起...
我们可以通过jQuery的`$(selector).on('event', function() {...})`结构绑定这些事件。 **正则表达式(Regex)**是验证用户输入的关键工具,它能匹配各种复杂的字符串模式。例如,`/^\w{6,20}$/`可用来验证用户名...
通过以上介绍,我们可以看出 JQuery Form 插件提供的 `ajaxForm()` 和 `ajaxSubmit()` 方法极大地简化了 AJAX 表单提交的过程。合理配置这些选项可以帮助我们更高效地开发 Web 应用程序。希望本文能够帮助大家更好地...
- jQuery提供了简洁的API来操作DOM元素,如`$(selector).clone()`用于复制元素,`$(selector).remove()`用于删除元素。 - `clone()`方法不仅复制元素,还会复制其所有相关的数据和事件处理函数。 - `remove()`...
### jQuery.validate 表单验证框架详解 在现代Web开发中,表单验证是不可或缺的一环,它确保用户输入的数据符合预期格式,从而提高用户体验并减少服务器端的压力。jQuery.validate插件便是为此而生,它提供了丰富的...
1. 事件监听:jQuery通过`$(selector).on('event', callback)`来监听表单的提交事件,如`submit`,在用户尝试提交表单时执行回调函数。 2. 数据验证:在回调函数内部,我们可以遍历表单元素,获取用户输入,并进行...
`$(selector).val(value)`用于设置值,`$(selector).val()`用于获取值。比如: ```javascript $('#emailInput').val('example@example.com'); var inputValue = $('#password').val(); ``` `val()`方法特别适用...
对于表单,jQuery提供了`$(selector).submit()`方法用于监听表单提交事件,`$(selector).serialize()`用于序列化表单数据,以及`$.ajax()`用于异步提交数据。这些基础功能为创建动态表单奠定了基础。 二、三步骤...
例如,使用`$(selector).on('event', function() {...})`可以轻松地绑定事件监听器,而`$(selector).html()`或`$(selector).val()`则方便地用于获取或设置元素内容和值。 HTML5在注册表单中起到了核心作用,提供了...
这些元素可以通过jQuery进行操作,如获取用户输入、验证数据等。 5. **插件的使用** - 插件化开发是jQuery的一个重要特点,允许开发者扩展其功能。"jQueryContacTable"可能是这个弹出式表单效果的插件文件,它封装...
在"jQuery联动下拉框表单美化"中,jQuery扮演着核心角色,通过其简洁的API,使得表单元素如下拉框能够响应用户的操作,并且在这些操作之间建立逻辑关联,形成联动效果。 Selector.js插件是这个项目的关键组件,它...
jQuery表单验证插件极大地简化了前端验证的实现,通过引入相应的库和简单配置,即可实现高效且友好的表单验证。无论你是新手还是经验丰富的开发者,理解并熟练运用这些插件,都能提升项目开发的效率和质量。在实际...
jQuery使得DOM操作变得简单,例如,我们可以使用`$(selector).val()`获取或设置表单控件的值,`$(selector).hide()`和`$(selector).show()`来隐藏和显示元素,以及`$(selector).append()`和`$(selector).prepend()`...
首先,jQuery 提供了一系列方便的 DOM 操作方法,如 `$(selector)` 用于选取HTML元素,`$(selector).html()` 用于获取或设置元素的HTML内容,而 `$(selector).val()` 则用于处理表单输入的值。在构建多步表单时,...
首先,jQuery可视化表单拖拽实例是通过jQuery插件实现的一种交互效果,允许用户通过鼠标拖动来调整表单元素的位置,从而提供更直观、友好的操作体验。这一特性尤其适用于需要用户自定义布局的场景,如配置页面、在线...