Question

我有一个简单的脚本，可以提醒用户他或她在搜索框中输入的内容。我使用Jquery来获取用户单击搜索按钮时输入字段的值。单击搜索按钮时没有出现任何内容。

<script src="Scripts/jquery-1.10.2.js"></script>
<script>
$('#searchButton').click(function() {
    alert($('#youtubeSearch').val());
});
</script>

我只需要一个警告框来显示值，我该怎么做？

Answer 1

将代码包装在.ready处理程序中。在准备好之前，你无法操纵dom元素。

试试这个，

<script src="Scripts/jquery-1.10.2.js"></script>
<script>
  $(document).ready(function(){
     $('#searchButton').click(function() {
        alert($('#youtubeSearch').val());
     });
   });
</script>

DEMO

Answer 2

嗯..你需要确保元素已加载，然后再附加任何事件（在你的情况下单击）..所以为此你要么必须将代码包含在document.ready函数中

 <script>
$(function(){
  $('#searchButton').click(function() {
    alert($('#youtubeSearch').val());
  });
});
</script>

或在HTML末尾添加脚本只是为了让用户为DOM做好准备..

单击按钮时Jquery不显示警告框

2 个答案:

DEMO