javascript - 简单的javascript，当按下按钮时更新文本框？

我有一个简单的表格正在玩，并且在单击命令按钮时尝试更新文本框值。命令按钮称为btnVerifyLocation，文本框称为txtGeoLocation。我尝试使用以下代码在Javascript中执行此操作：

我的代码如下：

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

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

</script>

但是，当我单击按钮时，没有任何反应。

最佳答案

A）您在'btnVerifyLocation'中缺少一个＃（我假设这是它的ID，否则，如果它是一个类，则使用'.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');
    });
});