добавить текст JavaScript, не получают значения

Question

Это код в поле ввода дописывания в Java Script, я не получаю там значения в InputBox

<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> 

Answer 1

код сам должен работать. Попробуйте это: скопируйте addInput из объявления функции в callin onmousedown.
По какой-то причине звонок из mousedown не распознается. Мой JS-движок говорит мне, что addInput (как написано в mousedown) не найден.

Answer 2

Что вы делаете должно работать, но еще один способ сделать это (немного более эффективным):

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 ls way

Answer 3

Чтобы получить значения полей ввода, назначьте имя полям ввода и вы получите доступ к нему через форму. При наличии несколько полей одного и то же имя, поля будут возвращены в виде массива:

<script type="text/javascript"> 
function addInput() 
{ 
    var x = document.getElementById("inputs"); 
    x.innerHTML += "<input type=\"text\" name=\"userNames\"/>"; 

} 
function getdata() 
{ 
    var form = document.forms['myForm']; 
    //To handle single/multiple input elements 
    var names = !form.userNames[0] ? [form.userNames] : form.userNames; 
    var nameValues = []; 
    for(var index = 0; index < names.length; index++) { 
     nameValues[index] = names[index].value; 
    } 
    return nameValues; 
} 


</script> 

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