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

标签 javascript jquery html dom

我浏览了很多关于 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/

相关文章:

jquery - 更改焦点上的 CSS 属性

javascript - 用 Kendo 通知替换 javascript 警报

javascript - 如何在每行和每列中生成随机数

JavaScript:什么会导致 setInterval 停止触发?

javascript - Jquery/Js变量加变量输出文本

javascript - html表格列调整大小

php - WordPress 排队脚本和样式

javascript - IFrame 或嵌套 IFrame 中 Javascript、HTML 和 CSS 的兼容性

html - css:如何给一个 block 加下划线,而不是它有文本的部分

javascript - ng-annotate 控件依赖名称