Question

我花了太多时间试图让一个简单的jquery和输入框示例工作。

当有人在输入框中输入内容时，我希望jquery弹出警报。最终我会用这个做更多的代码但是现在我只想让它工作！

以下是我的例子，它似乎不起作用：

<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('#selector').change(function () {
    alert($('#selector').val());
});
</script>
</head>
<body>
<input type="text" id="selector">
</body>
</html>

有什么想法吗？

Answer 1

将你的jquery包裹在document.ready()内，如下所示：

<script type="text/javascript">
$(document).ready(function(){
  $('#selector').change(function () {
    alert($('#selector').val());
  });
});
</script>

Read More here about document.ready().

编辑： - 如果您想提醒某人完成输入（如问题中所示），请使用.focusout()事件，如下所示：< / p>

  <script type="text/javascript">
  $(document).ready(function(){
    $('#selector').focusout(function () {
     alert($('#selector').val());
    });
  });
  </script>

DEMO

Answer 2

准备好文件。

$(function(){

   $('#selector').change(function () {

     alert($('#selector').val());

   });

});
</script>

Answer 3

您必须使用.focusout

$('#selector').focusout(function () {
alert($('#selector').val());
});

工作示例http://jsfiddle.net/2w7gyjgy/

Answer 4

您需要将代码放在文档就绪处理程序中 -

<script type="text/javascript">
    $(document).ready(function() {
       $('#selector').change(function () {
          alert($('#selector').val());
       });
    });
</script>

Answer 5

在您的脚本中使用 Document.ready yo bootstrap页面

$(document).ready(function(){// apply this
 $('#selector').change(function () {
    alert($('#selector').val());
 });
});

弹出Jquery和输入文本onchange show

5 个答案: