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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了从动态生成的文本框中获取innerHTML值(在javascript中)，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1429字，纯文字阅读大概需要3分钟。

内容图文

我正在使用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 + '\');" />';

}

解决方法:

Textarea元素没有innerHTML属性.只需读取value属性就像使用任何其他表单元素一样.

document.getElementById(unique_textbox_id).value

内容总结

以上是互联网集市为您收集整理的从动态生成的文本框中获取innerHTML值(在javascript中)全部内容，希望文章能够帮你解决从动态生成的文本框中获取innerHTML值(在javascript中)所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端