jquery获取文本框的值

获取文本框的值

使用jQuery获取文本框（input或textarea）的值可以通过.val()方法实现。该方法适用于所有表单元素，包括文本输入框、密码框、文本域等。

语法示例

var value = $('#textboxId').val();

具体实现方式

通过ID选择器获取文本框值

var username = $('#username').val();

通过类选择器获取文本框值

var email = $('.email-input').val();

通过属性选择器获取文本框值

var searchText = $('input[name="search"]').val();

注意事项

当处理多选元素（如select multiple）时，.val()会返回包含所有选中值的数组。对于常规文本框，始终返回字符串值。

实时获取输入值

可以结合事件监听实时获取输入变化

$('#myInput').on('input', function() {
    console.log($(this).val());
});

处理多文本框

获取表单内所有文本框的值

$('form').submit(function() {
    $('input[type="text"]').each(function() {
        console.log($(this).val());
    });
});

对于textarea元素，获取方式与input完全相同

var message = $('#messageTextarea').val();