使用按鈕onclick時不顯示警報

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的事件，這將是更好的，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');