jQuery中val方法的功能及示例
在使用jQuery编程时，经常会涉及到获取或者设置表单元素的值。这时候就可以用到jQuery中的val()方法。val()方法是jQuery中的一个常用方法，用于获取或者设置表单元素的值。在本文中，我们将详细讨论val()方法的功能，以及通过具体代码示例来展示它的用法。
一、val()方法的功能
val()方法用于获取或者设置表单元素的值，这些表单元素包括input、textarea和select等。当val()方法不带参数时，它会返回匹配元素集合中第一个元素的当前值。当val()方法带一个参数时，它会设置所有匹配元素的值。
二、示例代码
下面是一些示例代码，展示了如何使用val()方法获取或设置表单元素的值。
- 获取input输入框的值
假设我们有一个输入框，现在我们想要获取用户输入的值并输出到控制台：
var username = $("#username").val();
console.log(username);- 设置input输入框的值
如果我们想要在输入框中设置一个默认值，可以使用val()方法：
SuperCms在线订餐系统
下载
模板采用响应式设计，自动适应手机，电脑及平板显示；满足单一店铺外卖需求。功能：1.菜单分类管理2.菜品管理：菜品增加，删除，修改3.订单管理4.友情链接管理5.数据库备份6.文章模块：如：促销活动，帮助中心7.单页模块：如：企业信息，关于我们更强大的功能在开发中……安装方法：上传到网站根目录，运行http://www.***.com/install 自动
$("#username").val("John Doe");- 获取select下拉菜单的值
假如我们有一个下拉菜单
我们想要获取用户选择的值：
var city = $("#city").val();
console.log(city);- 设置select下拉菜单的值
如果我们希望默认选中Los Angeles：
$("#city").val("2");- 获取textarea的值
如果我们有一个
我们想要获取用户输入的文本：
var message = $("#message").val();
console.log(message);- 设置textarea的值
如果我们想要在文本框中填入默认文本：
$("#message").val("Hello, world!");通过以上示例代码，我们可以看到val()方法在获取和设置表单元素的值时的灵活性和实用性。通过结合具体代码示例的演示，希望读者能更好地理解val()方法的用法，并在自己的项目中灵活运用。
