jquery val

jQuery val() 方法

jQuery 的 val() 方法用于获取或设置表单元素的值（如 input、select 和 textarea）。以下是具体用法和示例：

获取元素的值

调用不带参数的 val() 方法可以获取匹配的第一个表单元素的值。
示例：

var inputValue = $('#myInput').val();
console.log(inputValue); // 输出输入框的值

设置元素的值

传递参数给 val() 方法可以设置所有匹配元素的值。
示例：

$('#myInput').val('新值'); // 设置输入框内容为"新值"

用于下拉菜单（select）

获取选中的选项值：

var selectedValue = $('#myDropdown').val();

设置选中的选项：

$('#myDropdown').val('option2'); // 根据值选中对应选项

用于多选框（checkbox）或单选按钮（radio）

获取选中状态的值：

var checkedValue = $('input[name="gender"]:checked').val();

设置选中状态：

$('input[name="gender"][value="male"]').prop('checked', true);

注意事项

• 如果匹配的元素集合为空（如选择器未找到元素），val() 返回 undefined。
• 对于多选 select 元素，val() 返回一个包含所有选中值的数组。

链式调用示例

val() 可以与其他 jQuery 方法链式调用：

$('#myInput').val('').focus(); // 清空输入框并聚焦