Question

我试图使用input更新keyup字段的值，然后在随后单击单独的button元素时获取它的值。但是，当我单击按钮时，代码未显示更新的输入值。这是什么问题？

这是我的代码：

jQuery(document).ready(function(e) {

    var text_input = $('.promo-bottom .gform_wrapper form .gform_body #input_8_2');

    text_input.on('keyup', function(e) {
        var value = $(this).val();
        $(this).attr('value', value);
    });

    $(document).on('click', '.promo-bottom .gform_wrapper form .gform_body a', function(e) {
        e.preventDefault();

        var new_value = $('.promo-bottom .gform_wrapper form .gform_body #input_8_2').val();

        if (new_value != '') {
            $(this).css('display', 'none');
            $('.promo-bottom .gform_wrapper form .gform_footer #gform_submit_button_8, .promo-reveal').fadeIn('slow');
        }
    });
});

Answer 1

基本输入提取逻辑：

var input = $('#myInput');

$('#myButton').on('click', function() {
  console.log(input.val());
});

$('#myInput').on('keyup', function() {
  console.log($(this).val());
});

<script type="text/javascript" src="https://code.jquery.com/jquery-1.12.4.js"></script>

<input type="text" id="myInput">
<button id="myButton">Click me</button>

您不需要在keyup上设置输入的值
尝试映射按钮上的“ onClick”事件而不是整个文档
比较应该是'！=='而不是'！='

键盘输入后的抓取值

1 个答案: