javascript - 使用JQuery .val()提取HTML值

我浏览了很多关于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
如果你有任何其他问题，请随意评论和提问！