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

Jquery no displaying alert box when a button is clicked

本文关键字：显示 警告 单击 按钮 Jquery      更新时间：2024-05-12

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

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

我只需要一个带有值的提醒框，我该怎么做？

将代码封装在.ready处理程序中。在准备好dom元素之前，不能对其进行操作。

试试这个，

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

演示

嗯。。在将任何事件附加到元素之前，您需要确保元素已加载（在您的情况下单击）。。因此，您必须将代码包含在文档中。准备函数

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

或者在HTML的末尾添加您的脚本，让用户做好DOM准备。。

相关文章：