javascript - html表单输入字符串作为javascript中的字符数组

Question

 function reverse(){
    var name_id = document.getElementsByName("name_id");
    var out_id = [];
    for(var i=name_id.length - 1 ; i<name_id.length ; i--) {
        for(var j=0 ; j<name_id.length ; j++) {
            out_id[j] = name_id[i];
        }
    }
    for(i=0 ; i<name_id.length; i++) {
      document.getElementById("output-3").innerHTML = out_id;
    }
 }

我是 StackExchange 的新手。

顺便说一句，javascript代码是一个函数reverse()，它反转html页面中输入的字符串。但是当我使用以下方法实现它时:

<form class="form-inline" role="form">
  <div class="form-group">
  <br><br>
  <label class="label label-info" for="Name">Name : </label>
  <input type="text" class="form-control" id="name" name="name_id[]" placeholder="Enter Name">
  <br>
  <label class="label label-success" id="output-3" form="output"></label></div>
  <button class="btn btn-warning" type="submit" id="submit" onclick="reverse();">Reverse</button>
</form>

页面卡住并且没有进一步的 react 。我需要帮助，因为这是我第一次尝试使用输入数据作为数组，并且很困惑如何做到这一点。上面的代码是我为了理解javascript所做的努力。请检查代码以及任何修改或建议，请告诉我。

Answer 1

这里有一个无限循环:

for(var i=name_id.length - 1 ; i<name_id.length ; i--)

你的变量i减少，所以你的条件 i < name_id.length永远是真的。您可能应该将条件更改为 i >= 0 .