Question

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

我的代码如下：

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

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

</script>

然而，当我点击按钮时没有任何反应。

Answer 1

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'); 
    });
});

Answer 2

jQuery的选择器函数使用CSS选择器语法，因此要识别具有ID的对象，您需要在ID前加#：

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

另外，以防万一：你确实包含了jQuery，对吧？

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

2 个答案: