Question

Here是小提琴。

我正在尝试这样做，当您点击按钮时它会提醒'You tried to search... ...无论您输入什么... !'，但该按钮不会提示消息。

我已经尝试过使用：

var a = document.getElementById('input').value;
    alert("You tried to search " + a + "!");

它仍然没有提醒信息，请回答？

Answer 1

您的功能在关闭之外无法访问。它应该是

window.search = function() {
    var a = document.getElementById('input').value;
    alert("You tried to search " + a + "!");
}

Answer 2

您的代码将在加载此页面后立即运行，您可以像这样优化代码[使用jquery]：

$(document).ready(function(){
  $('#search').onclick(function() {
          var a = document.getElementById('input').value;
          alert("You tried to search " + a + "!");
      });
});

Answer 3

如果你使用jQuery，你应该使用jQuery绑定click事件，它会更好，http://jsfiddle.net/dmsrY/13/

删除onclick

<button id="clickme" type="button" title="Search" value="Search">Search</button>

您可以在同一范围内调用search()

$('#clickme').click(function () {
    search( $('#input').val() );
});

// make search function more flexible
function search(s) {
    alert(s);
}

如果您想在任何地方访问search()

// create jQuery plugin function
$.search = function (s) {
    alert(s);
}

// now you can call search like this
$.search('search string');

使用按钮onclick时不显示警报

3 个答案: