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