javascript - 从动态生成的文本框中获取 innerHTML 值(在 javascript 中)

Question

我正在使用 JavaScript 动态生成一个对话框(它是一个 div 元素)，其中包含一个文本框和一个提交按钮。我计划使用 AJAX 将文本框中的值提交到另一个页面。

我的问题是我可以很好地生成我的文本框，但我无法从中获取值。 innerHTML 每次都返回空白。我不确定我做错了什么。

// Generate dialogue box using div 
function create_div_dynamic()
{ 
  //Create the div element
  dv = document.createElement('div');

  //unique tags
  var unique_div_id = 'mydiv' + Math.random() * .3245;
  var unique_textbox_id = 'mytext' + Math.random() * .3245;

  //Set div id
  dv.setAttribute('id',unique_div_id);

  //Set div style
  dv.style.position = 'absolute';       
  dv.style.left = '100 px';
  dv.style.top = '100 px';
  dv.style.width = '500px';
  dv.style.height = '100px';
  dv.style.padding = '7px';
  dv.style.backgroundColor = '#fdfdf1';
  dv.style.border = '1px solid #CCCCCC';
  dv.style.fontFamily = 'Trebuchet MS';
  dv.style.fontSize = '13px';

  //Create textbox element
  txt = document.createElement('input');
  txt.setAttribute('id',unique_textbox_id);
  txt.setAttribute('type','text');
  txt.style.marginRight = '10px';

  //Add textbox element to div
  dv.appendChild(txt)

  //Add the div to the document
  document.body.appendChild(dv);

  dv.innerHTML += '<input type="button" id="mysubmit" value="Read Textbox" onclick="javascript:alert(\'' + document.getElementById(unique_textbox_id).innerHTML + '\');" />';

}

Answer 1

Textarea 元素没有 innerHTML 属性。就像阅读任何其他表单元素一样阅读 value 属性。

document.getElementById(unique_textbox_id).value