如何在JavaScript中获取文本框计数

DUMB_CODER

我单击时有一个“添加文本”按钮，它会创建文本框，现在如何在JavaScript中获取文本框的数量？

<input type="text" name="my_textbox[1]" id="my_textbox1" />
<input type="text" name="my_textbox[2]" id="my_textbox2" />
<input type="text" name="my_textbox[3]" id="my_textbox3" />
<input type="text" name="my_textbox[4]" id="my_textbox4" />

我需要计数的原因是，我正在从ajax提取值并创建新的文本框，追加新的文本框，如：

<input type="text" name="my_textbox[5]" id="my_textbox5" value="seomthing"/>

现在，我想知道当前的文本框数量。最好是可以通过JavaScript获得计数。

提前致谢。

安德烈·史密克（Andrzej Smyk）

使用document.querySelectorAll（）获取与id的子字符串匹配的所有元素（https://www.w3.org/TR/selectors/#attribute-substrings）。这种'[id ^ =“ my_textbox”]'语法意味着您正在选择所有id以"my_textbox"字符串开头的元素。刚刚length查询的集合就可以了。请参见下面的代码段：

var textboxCount = document.querySelectorAll('[id^="my_textbox"]').length;
console.log(textboxCount);

<input type="text" name="my_textbox[1]" id="my_textbox1" />
<input type="text" name="my_textbox[2]" id="my_textbox2" />
<input type="text" name="my_textbox[3]" id="my_textbox3" />
<input type="text" name="my_textbox[4]" id="my_textbox4" />

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。