Question

我有一个PHP脚本，我有一个文本框放在while循环中，所以文本框ID变化如下。

while{$i<10)
{
<input type = "text" id='text$i' />
$i++;
}

现在在javascript中我想检索该文本框的值

 <script>
  var id=document.getElementById("textbox//Whatshouldbe(i)value").value();
 </script>

如果$i=9，则文本框ID将为textbox9。如何在javacript中获取id名称？

Answer 1

添加uniq类以使所有输入成为未来

while{$i<10)
{
<input type = "text" class="myClass" id='text$i' />
$i++;
}

现在在javascript中检索该文本框的id和值

 <script>
  var elems = document.querySelectorAll(".myClass");
  for (var i = 0; i < elems.length; i++) {
    console.log (elems[i].id);
    console.log (elems[i].value);
  }
 </script>

Answer 2

您可以使用getElementsByTagName函数，它返回具有给定标记名称的元素的HTMLCollection。

var elements = document.getElementsByTagName("input")
for (var i = 0; i < elements.length; i++) {
    values =elements[i].value;
    alert(values);    
    //Do something
}

Answer 3

document.querySelectorAll('[id^="text"]')

这应该找到ID为＆＃34; text＆＃34;的所有元素。之后迭代它们并检查它们是否.checked以找到已检查的值

在javascript中获取id名称，该名称位于循环下

3 个答案: