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

我有一个简单的页面：

它使用此WordCount代码作为起点：

但是更基本，只包含代码的单词计数部分

我需要将wordCount Javascript变量的值传递给“varCount”隐藏表单字段变量

我看了这一页：

但是我不知道如何将页面中的建议实现到我的页面中，因为我对Javascript的理解相当基础

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

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

---

如何实现这一点？

要将

字数

变量的值传递到隐藏字段，可以使用以下方法：

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

您需要将其写入

计数器

函数

---

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

要将

字数

变量的值传递到隐藏字段，可以使用以下方法：

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

您需要将其写入

计数器

函数

---

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

要将

字数

变量的值传递到隐藏字段，可以使用以下方法：

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

您需要将其写入

计数器

函数

---

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

要将

字数

变量的值传递到隐藏字段，可以使用以下方法：

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

您需要将其写入

计数器

函数

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

试试这个

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

var-abc；
abc=document.getElementById（'wordCount'）。值；

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

试试这个

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

var-abc；
abc=document.getElementById（'wordCount'）。值；

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

试试这个

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

var-abc；
abc=document.getElementById（'wordCount'）。值；

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

试试这个

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

var-abc；
abc=document.getElementById（'wordCount'）。值；

变量abc将获取您在textarea中输入的单词总数的值。

---

我希望这会对您有所帮助。

如果您正在使用jquery

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

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

val（）

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

---

val（'value'）

-如果使用jquery，则使用参数调用时将值写入DOM元素

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

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

val（）

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

---

val（'value'）

-如果使用jquery，则使用参数调用时将值写入DOM元素

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

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

val（）

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

---

val（'value'）

-如果使用jquery，则使用参数调用时将值写入DOM元素

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

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

val（）

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

---

val（'value'）

-当使用参数调用时，将值写入DOM元素

我稍微修改了您的代码

<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>

setWordCount=函数（wordCount）{
$（'#wordCount'）.html（wordCount）；
//jQuery解决方案（这是您实际需要的）
$（'#varCount'）.val（字数）；
//下面的注释是简单的JS解决方案（以防您好奇）
//document.getElementById（'varCount'）。value=wordCount；
};
计数器=函数（）{
var值=$（'#text'）.val（）；
如果（value.length==0）{
setWordCount（0）；
}否则{
var wordCount=value.trim（）.replace（/\s+/gi'）.split（''）.length；
setWordCount（wordCount）；
}
};
jQuery（函数（$）{
$（“#计数”）。单击（计数器）；
//不需要keypress、keydown，keyup事件无论如何都会处理它。
$（'#text'）。更改（计数器）。键控（计数器）。模糊（计数器）。聚焦（计数器）；
});

我稍微修改了一下您的代码

<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>

setWordCount=函数（wordCount）{
$（'#wordCount'）.html（wordCount）；
//jQuery解决方案（这是您实际需要的）
$（'#varCount'）.val（字数）；
//下面的注释是简单的JS解决方案（以防您好奇）
//document.getElementById（'varCount'）。value=wordCount；
};
计数器=函数（）{
var值=$（'#text'）.val（）；
如果（value.length==0）{
setWordCount（0）；
}否则{
var wordCount=value.trim（）.replace（/\s+/gi'）.split（''）.length；
setWordCount（wordCount）；
}
};
jQuery（函数（$）{
$（“#计数”）。单击（计数器）；
//不需要keypress、keydown，keyup事件无论如何都会处理它。
$（'#text'）。更改（计数器）。键控（计数器）。模糊（计数器）。聚焦（计数器）；
});

我稍微修改了一下您的代码

<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>

setWordCount=函数（wordCount）{
$（'#wordCount'）.html（wordCount）；
//jQuery解决方案（这是您实际需要的）
$（'#varCount'）.val（字数）；
//下面的注释是简单的JS解决方案（以防您好奇）
//document.getElementById（'varCount'）。value=wordCount；
};
计数器=函数（）{
var值=$（'#text'）.val（）；
如果（value.length==0）{
setWordCount（0）；
}否则{
var wordCount=value.trim（）.replace（/\s+/gi，'