php - 附加文字javascript，无法获取值

这是java脚本中追加输入框中的代码，我在输入框中没有值

<script type="text/javascript">
function addInput()
{
    var x = document.getElementById("inputs");
    x.innerHTML += "<input type=\"text\"  name=\"box[]\" id=\"box[]\"/>";
    i++;
}
function getdata()
{

}
</script>


<input type="button" onmousedown="addInput();" value="add" />
<input type="button" value="getvalues" onclick="getdata()"  />
<div id="inputs"></div>

最佳答案

您正在执行的操作应该可以工作，但是另一种执行方法是（效率更高）：

 function addInput()  {
    var input = createTextInput({
      "type": "text",
      "name": "box[0]",
      "id":"box[]",
      "value": "This is a value"
    });
    document.getElementById("inputs").appendChild(input);
 }

 // warning: just to be safe, don't pass any option object that extends any
 // browser's native object or built in objects.
 function createTextInput(options)  {
    var i = document.createElement("input");
    for(key in options) {
      i[key] = options[key];
    }
    return i
 }

 function getValues() {
    var div = document.getElementById("inputs");
    var values = [];
    var textBoxes = div.getElementsByTagName("input");
    for(var i = 0, len = textBoxes.length; i < len; i++) {
       var box = textBoxes[i];
       if(box && box.name === "box[]") {values.push(box.value);}
    }
    return values;
 }

还有其他方式可以做到这一点，例如使用jQuery，它更简单，更省力，但这只是普通的'ol js方式

关于php - 附加文字javascript，无法获取值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3411873/