Question

我有这个简单的页面： http://jsfiddle.net/20140228/2cjw9h9n/1/

它使用此WordCount代码作为起点： http://jsfiddle.net/deepumohanp/jZeKu/

但更基本，只包含代码的字数部分。

我需要将wordCount Javascript变量的值传递给＆＃34; varCount＆＃34;隐藏形式字段变量。

我看过这个页面： Pass a javascript variable value into input type hidden value

但我无法解决如何将页面中的建议实施到我的页面中，因为我的Javascript理解非常基础！

我想它必须包含以下内容：

document.getElementById('varCount').value = ???;

我将如何实现这一目标？

Answer 1

如果您使用的是jquery

$('#varCount').val('your-value');

val可以同时对特定DOM元素执行读取或写入操作

val() - 在没有参数的情况下调用时读取DOM元素的值

val('value') - 使用参数调用时将值写入DOM元素

Answer 2

我对你的代码进行了一些修改。

<script>
setWordCount = function(wordCount){ 
    $('#wordCount').html(wordCount);

    // jQuery solution (this is what you actually need)
    $('#varCount').val(wordCount);

    // Commented below is plain JS solution (just in case you're curious)
    // document.getElementById('varCount').value = wordCount;
};

counter = function() {
    var value = $('#text').val();

    if (value.length == 0) {
        setWordCount(0);
    } else {
       var wordCount = value.trim().replace(/\s+/gi, ' ').split(' ').length;
       setWordCount(wordCount);
    }
};

jQuery(function($) {
    $('#count').click(counter);
    // No need to have keypress, keydown, the keyup event will handle it anyway.
    $('#text').change(counter).keyup(counter).blur(counter).focus(counter);
});
</script>

Answer 3

将wordCount变量的值传递给隐藏字段，您可以这样使用：

$('#varCount').val(wordCount);

您需要将此内容写入counter函数。的 DEMO

（在演示中，我已将隐藏字段更改为文本字段，只是为了显示更改。）

Answer 4

试试这个

<script>
var abc;
abc = document.getElementById('wordCount').value;
<script>

变量abc将获得您在textarea中输入的单词总数的值。我希望这会对你有所帮助。

将javascript Word Count变量值作为隐藏字段值传递

4 个答案: