1

我浏览了许多关于 SO 和 Google 的帖子，我想我错过了关于 .val() 的一步或理解，因为它代表我下面的代码在 .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>');
    });
});
4

2 回答 2

3

就放进var buttonValues = $('#english').val();去$(document).ready()。

JAVASCRIPT：

$(document).ready(function(){
    var buttonValues = $('#english').val();
    $('button').click(function(){
            $('#resultsView').append('<div class="searchResults">'+buttonValues+'</div>');
    });
});​

演示：

http://jsfiddle.net/qmMhJ/

于 2013-01-03T22:57:18.407 回答
3

这不起作用的原因是因为您的 jQuery 选择器：

var buttonValues = $('#english').val();

在文档准备好之前执行。所以，就像其他一些答案所说的那样，你需要把它放在你的 $(document).ready() 调用中，它会起作用。您基本上是在浏览器知道它存在之前尝试找到该值。这是一些使其正常工作的示例代码：

$(document).ready(function(){
    var buttonValues = $('#english').val();
    $('button').click(function(){
        alert("the value of buttonValues = " + buttonValues);
    });
});​

这是一个jsfiddle

如果您还有其他问题，请随时发表评论和提问！

于 2013-01-03T23:01:07.823 回答