Question

我有一个可以自动计算TextArea字符的工作javascript，并在另一个文本区域输入结果。

但是，我正在尝试修改它以使用现有的购物车表单，并且在此表单中它必须处于失败状态。

此表单有一个区域，客户在其中键入文本，脚本将对字符进行计数，结果编号是他们购买的项目数量。

以下是我的代码所在的示例。其中包括我的购物车表格缩短示例。

如何才能使用表格？

这是我的javascript：

<script type="text/javascript">
function countChars(countfrom,displayto) {
  var len = document.getElementById(countfrom).value.length;
  document.getElementById(displayto).innerHTML = len;
}
</script>

这是我的HTML：

<body>

    <!-- This example updates correctly to a <textarea> HOWEVER, it needs to work with a Form <input type="text";> as shown below -->

    <textarea id="enter-your-text-input" onkeyup="countChars('enter-your-text-input','character-count-input');" name="product1[]" maxlength="200" value="" style="position:absolute; left:27px; top:28px; width:320px; color:#4B4B4B; font-size:18.0px; height:26px; width:320px;/*Tag Style*/"></textarea>
    <textarea id="character-count-input" name="qty1" value="characters" style="position:absolute; left:247px; top:72px; width:100px; color:#4B4B4B; font-size:18.0px; height:26px; width:100px;/*Tag Style*/"></textarea>

    <!-- I NEED to Count the Characters and display the results in this form-->
    <form id="shopping-cart-form" onsubmit="return validate_shopping-cart-form(this)" action="http://www.someaddress.com" method="post" target="cart" style="margin:0;position:absolute;left:0px;top:120px;width:372px;height:546px;">
        <input type="text" id="enter-your-text-input" onkeyup="countChars('enter-your-text-input','character-count-input');" name="product1[]" maxlength="200" value="" style="position:absolute; left:27px; top:28px; width:320px; color:#4B4B4B; font-size:18.0px; height:26px; width:320px;/*Tag Style*/"></textarea>
        <input type="text" id="character-count-input" name="qty1" value="characters" style="position:absolute; left:247px; top:72px; width:100px; color:#4B4B4B; font-size:18.0px; height:26px; width:100px;/*Tag Style*/"></textarea>
    </form>

</body>

Answer 1

使用<input>元素，您需要通过.value分配值，这是更正后的代码：

function countChars(countfrom,displayto) {
  var len = document.getElementById(countfrom).value.length;
  document.getElementById(displayto).value = len;
}

Javascript自动计算表格输入框中的字符并在表格数量输入框中输入结果？

1 个答案: