如何在用户输入时立即获取输入字段的值

时间:2016-05-02 12:32:28

标签: javascript jquery html

我有一个输入字段:

$('.targetDiv').hide();
$('#div1').show();

$('.show').click(function () {
    $('.targetDiv').hide();
    $('#div' + $(this).attr('target')).show();
});

和js:

<input class="contact-text-filed" maxlength="50" name="subject" id="subject" placeholder="Subject" type="text" value="" />

问题是它没有记录该值。如果我保持刷新值,它会记录。

3 个答案:

答案 0 :(得分:3)

它没有记录输入值,因为一旦页面加载,它就会将其值(空字符串)分配给subject var。 每次按下按钮时分配它:

<script>
$(document).ready(function(){
    $('.test').click(function(){
       var subject=$("#subject").val();
       console.log(subject);
    });

});
</script>

答案 1 :(得分:1)

为了获得每次更改的价值(包括复制/粘贴,拖动等),都是以这种方式绑定oninput事件:

$('.test').on('input', function(e) { .... });

它也存在于纯Javascript中,你应该这样绑定它:

object.oninput = function(){ .... };

答案 2 :(得分:0)

我不知道你到底想要什么,但也许你正在寻找这个。

for s in result.fetchall():
    t = s.encode("ascii", "replace")
    print t
$('#subject').keyup(function() {
  var subject = $(this).val();
  console.log(subject);
});