Простой javascript для обновления текстового поля при нажатии кнопки?

Question

У меня есть простая форма, с которой я играю, и я пытаюсь обновить значение текстового поля при нажатии кнопки команды. Командная кнопка называется btnVerifyLocation, а текстовое поле называется txtGeoLocation. Я попытался сделать это в Javascript со следующим:

код у меня выглядит следующим образом:

<script type="text/javascript" id="testing"> 

$("btnVerifyLocation").click(function() 
{ 
    $("input[name*='txtGeoLocation']").val("testing"); 
}); 

</script> 

Однако при нажатии кнопки ничего не происходит.

Answer 1

A) Вы не нашли # в «btnVerifyLocation» (я предполагаю, что это его идентификатор, в противном случае, если это класс, то используйте «.btnVerifyLocation»

B) Во-вторых, это должно быть в $(document).ready() , в противном случае вы пытаетесь привязать обработчик кликов к элементу DOM, который еще не был обработан.

Код должен выглядеть следующим образом:

$(document).ready(function() { 
    $('#btnVerifyLocation').click(function(e) { 
     e.preventDefault(); // In case this is in a form, don't submit the form 
     // The * says "look for an input with a name LIKE txtGeoLocation, 
     // not sure if you want that or not 
     $('input[name*="txtGeoLocation"]').val('testing'); 
    }); 
}); 

Answer 2

селектор функций JQuery использует синтаксис селекторов CSS, так чтобы идентифицировать объект с идентификатором, необходимо предварить ID с #:

$("#btnVerifyLocation").click(function() { 
    $("input[name*='txtGeoLocation']").val("testing"); 
}); 

Также на всякий случай: у вас есть jQuery, верно?