jquery val

jQuery .val() 方法

jQuery 的 .val() 方法用于获取或设置表单元素的值，如 input、select 和 textarea。它简化了原生 JavaScript 中获取和设置表单元素值的操作。

获取元素的值

调用 .val() 方法时不传递参数，可以获取匹配的第一个表单元素的值。例如：

var inputValue = $('input#username').val();
console.log(inputValue); // 输出 input 元素的值

设置元素的值

传递一个参数给 .val() 方法，可以设置匹配的所有表单元素的值。例如：

$('input#username').val('new value'); // 设置 input 元素的值为 'new value'

处理多选下拉框

对于多选下拉框（<select multiple>），.val() 方法返回一个包含所有选中选项值的数组。设置值时，可以传递一个数组来选中对应的选项。例如：

// 获取选中的值
var selectedValues = $('select#multi-select').val();

// 设置选中的值
$('select#multi-select').val(['option1', 'option2']);

注意事项

• .val() 方法仅适用于表单元素。对于其他元素（如 div、span），应使用 .text() 或 .html() 方法。
• 对于复选框和单选按钮，可以使用 .val() 获取或设置值，但检查是否选中应使用 .prop('checked')。