如何使用jQuery获取用户输入到输入字段的值

时间:2012-08-20 09:36:57

标签: jquery

我正在使用以下功能:

$.each($('.update-grid'), function (i, e) {
var ID = e.id.replace('modal', 'input');
$("#" + ID).val(e.value);
}); 

获取一个刚刚在表单提交后输入到输入字段中的值。要求是将此用户的enterered值放在另一个字段中。例如,将输入#modal-title的值传送到#input-title。

字段中
<input id="modal_Order_1" class="update-grid full-width" type="text" 
value="337" name="Content.Order" >

然而,“e.value”给出的值为337,而不是用户在提交表单之前输入的值。

有没有办法可以输入新值?

更新

这似乎有效:

        $('.update-grid')
            .each(function () {
                var id = this.id.replace('modal', '');
                $('#input' + id).val(this.value)
            })

1 个答案:

答案 0 :(得分:0)

您错误地使用了.each功能。您将需要依赖.change事件,这意味着在输入更改后将触发(并且该字段失去焦点)。

所以考虑到你的代码,我会说:

$('.update-grid').change(function () {

        var id = $(this).attr("id").replace('modal', 'input');

        var new_value = $(this).val();

        $('#' + id).val(new_value);

})