点击按钮时更新文本框的简单javascript?

点击按钮时更新文本框的简单javascript?,javascript,Javascript,我有一个简单的表单,我正在使用它,我试图在单击命令按钮时更新一个文本框值。命令按钮称为btnVerifyLocation,文本框称为txtGeoLocation。我已尝试通过以下方式在Javascript中实现这一点: 我的守则如下: <script type="text/javascript" id="testing"> $("btnVerifyLocation").click(function () { $("input[name*='txtGeoLocation']

我有一个简单的表单,我正在使用它,我试图在单击命令按钮时更新一个文本框值。命令按钮称为btnVerifyLocation,文本框称为txtGeoLocation。我已尝试通过以下方式在Javascript中实现这一点:

我的守则如下:

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

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

</script>
$(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'); 
    });
});

$(“btnVerifyLocation”)。单击(函数()
{
$(“输入[name*='txtGeoLocation']”)val(“测试”);
});
但是,当我单击按钮时,什么也没有发生。

A)您在“btnVerifyLocation”中缺少一个#(我假设这是它的ID,否则如果它是一个类,则使用“.btnVerifyLocation”

B) 其次,这应该在
$(document).ready()
中,否则您将尝试将单击处理程序绑定到尚未呈现的DOM元素

代码应如下所示:

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

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

</script>
$(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'); 
    });
});

jQuery的选择器函数使用CSS选择器语法,因此要用ID标识对象,需要在ID前面加一个
#


以防万一:您确实包含jQuery,对吗?

您可以添加html吗?
$(“btnVerifyLocation”)
正在查找元素
。假设你用了身份证?请尝试
#bnverifylocation
不确定是否需要*。试着去掉星星。还要确保在DOM准备就绪时包装要调用的对象。此外,您还需要使用一个。或者#。请注意,您也可以使用
$(function(){…})
而不是
$(document);我对那件事茫然若失。问这个问题很好。谢天谢地,我的id前面没有加“#”前缀