我浏览了很多关于 SO 和 Google 的帖子,我想我错过了关于 .val() 的一个步骤或一段理解,因为它代表我下面的代码在 .非常感谢有关获取实际按钮值的任何提示。
简单地说,我有一个 HTML 按钮,我想在单击时提取该按钮的值并显示它。
HTML
<button type="button" name="criterianButton" id="english" class="searchButton" value="English">English</button>
JQuery
var buttonValues = $('#english').val();
$(document).ready(function(){
$('button').click(function(){
$('#resultsView').append('<div class="searchResults">'+buttonValues+'</div>');
});
});
最佳答案
这不起作用的原因是因为您的 jQuery 选择器:
var buttonValues = $('#english').val();
在文档准备好之前正在执行。因此,就像其他一些答案所说的那样,您需要将其放入 $(document).ready() 调用中,它会起作用。您基本上是在浏览器知道它存在之前尝试找到该值。下面是一些可以正常工作的示例代码:
$(document).ready(function(){
var buttonValues = $('#english').val();
$('button').click(function(){
alert("the value of buttonValues = " + buttonValues);
});
});
这是一个 jsfiddle
如果您有任何其他问题,请随时发表评论并提出!
关于javascript - 使用 JQuery .val() 提取 HTML 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14148567/