如何在javascript中提取輸入元素的值

Question

請我想提取id爲input-a的輸入表單的值，但程序會一直寫入c而不是用戶輸入的值。請幫忙。這是JavaScript代碼。

< body> 
<script> 
function tableCreate() { 
var body = document.body, 
tbl = document.createElement('table'); 
tbl.style.width = '100px'; 
tbl.style.border = '2px solid black'; 
    var n = 5 
    for (var i = 0; i < n; i++) { 
    var tr = tbl.insertRow();              
    var td =tr.insertCell(0); 
    var tf = tr.insertCell(0); 
    var input = document.createElement('input'); 
    input.name = "input-a" + i; 
    input.id = "input-a" + i; 
    input.value = ""; 
    var clone = input.cloneNode(); 
    clone.name = "input-b" + i; 
    clone.id = "input-b" + i; 
    td.appendChild(clone); 
    tf.appendChild(input); 
    td.style.border = '2px solid black'; 
    tf.style.border = '2px solid black'; 
} 
    var form = document.createElement("form"); 
    form.appendChild(tbl); 
    body.appendChild(form); 
    var submit = document.createElement("input"); 
    submit.type = "submit"; 
    form.appendChild(submit) 
    Var c= document.getElementById("input-a1) 
    document.write('c'). } 
    tableCreate(); 
</script> 
</body > 

Answer 1

代碼寫的「C」，因爲你鍵入

document.write('c') 

，如果你想擁有的C值你應該輸入

document.write(c.value); 

，但有它的工作，你應該設置此函數中處理表單的值在生成表單後不提交...因爲現在的值爲空字符串

這裏你有工作示例 https://jsfiddle.net/g8rschsu/

Answer 2

這應該有效。

<script> 
    window.onload = function() { 
     function tableCreate() { 
      var body = document.body; 
      var tbl = document.createElement('table'); 
      tbl.style.width = '100px'; 
      tbl.style.border = '2px solid black'; 
      var n = 5; 
      for (var i = 0; i < n; i++) { 
       var tr = tbl.insertRow(); 
       var td = tr.insertCell(0); 
       var tf = tr.insertCell(0); 
       var input = document.createElement('input'); 
       input.name = "input-a" + i; 
       input.id = "input-a" + i; 
       input.value = "test"; 
       var clone = input.cloneNode(); 
       clone.name = "input-b" + i; 
       clone.id = "input-b" + i; 
       td.appendChild(clone); 
       tf.appendChild(input); 
       td.style.border = '2px solid black'; 
       tf.style.border = '2px solid black'; 
      } 
      var form = document.createElement("form"); 
      form.appendChild(tbl); 
      body.appendChild(form); 
      var submit = document.createElement("input"); 
      submit.type = "submit"; 
      form.appendChild(submit) 
      var c = document.getElementById("input-a1").value; 
      document.write(c); 
     }; 
     tableCreate(); 
    }; 
</script> 

我看見你的報價做了文件撰寫（「C」）， 這將寫入字符串c和不變量c。

此外，你必須採取輸入的價值，而不是輸入本身。

var c = document.getElementById（「input-a1」）.value;