Question

我在SO和谷歌上看了很多帖子，我想我错过了关于.val（）的一步或者理解。现在我的代码在下面返回Undefined。任何有关获取实际按钮值的提示都非常感谢。

简单地说我有一个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>');
    });
});

Answer 1

只需将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/

Answer 2

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

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

在文档准备好之前正在执行

。所以，就像其他一些答案所说的那样，你需要把它放在你的$（document）.ready（）调用中，它会起作用。你基本上试图在浏览器知道它之前找到它。以下是一些使其正常工作的示例代码：

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

这是一个jsfiddle

如果您有任何其他问题，请随时发表评论并提出要求！

使用JQuery .val（）提取HTML值

2 个答案: