javascript-添加另一个文本框时,动态创建的文本框的值消失

使用此代码,我可以动态创建文本框,但是当我在文本框中填充一些文本然后再次按添加按钮时,第一个文本框的值将消失。

<script>
  function add()
{
    document.getElementById("place").innerHTML+='<input type="text" name="bimename">';

}</script>
<div id="place"></div><input type="button" onClick="add();" value="add">

Weafs.py

您应该创建真实的<input>元素。

小提琴上的演示

HTML:

<input type="button" value="add" /><div id="place"></div>

JavaScript:

document.querySelector('input[value="add"]').onclick = function add() {
    var newElem = document.createElement('input');
    newElem.type = 'text';
    newElem.name = 'bimename';
    document.getElementById('place').appendChild(newElem);
};

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

当另一个文本框处于活动状态时清除文本框 (JavaScript)

来自分类Dev

基于另一个下拉列表的动态文本框和下拉列表 -javascript

来自分类Dev

来自javascript的数组文本框并发送到另一个文本框

来自分类Dev

如何将javascript变量值从选定的文本框设置为另一个文本框

来自分类Dev

javascript以动态添加文本框

来自分类Dev

添加两个文本框包含并使用html和javascript在没有任何按钮的情况下在另一个文本框中显示结果

来自分类Dev

JavaScript将数字转换为货币并将负货币复制到另一个文本框

来自分类Dev

javascript让我的文本框显示一个变量

来自分类Dev

将文本框输入传递到另一个页面时出现问题 - 特别是 javascript 和 html 中的名字和姓氏

来自分类Dev

动态添加文本框的Javascript,然后再次将文本框转换为文本

来自分类Dev

使用javascript仅将文本从一个文本框复制到另一文本框

来自分类Dev

给两个文本框相同的值,一个使用Javascript或jQuery填充

来自分类Dev

如果在JavaScript中为空,则在多个文本框中输入一个文本框的值

来自分类Dev

如何从JavaScript动态创建文本框

来自分类Dev

Javascript-动态填写文本框

来自分类Dev

通过javascript动态文本框

来自分类Dev

通过Javascript向文本框添加默认值

来自分类Dev

Javascript文本框的简单添加更新

来自分类Dev

Javascript 添加/删除文本框

来自分类Dev

如何从javascript向servlet发送值(动态创建文本框)

来自分类Dev

更改JavaScript中的文本框值

来自分类Dev

Javascript / JQuery文本框值计算

来自分类Dev

在javascript中更改文本框的值

来自分类Dev

Javascript 检查文本框的下拉值

来自分类Dev

JavaScript 更改文本框的值

来自分类Dev

使用javascript或appscript唯一地添加/删除动态文本框

来自分类Dev

JavaScript - 在一个文本框中添加两个数字(仍然是字符串)

来自分类Dev

如何在 PHP/Javascript 中使用多个文本框创建一个填充 TEXTAREA 的函数

来自分类Dev

如何添加两个范围滑块并使用Javascript在文本框中打印值?

Related 相关文章

  1. 1

    当另一个文本框处于活动状态时清除文本框 (JavaScript)

  2. 2

    基于另一个下拉列表的动态文本框和下拉列表 -javascript

  3. 3

    来自javascript的数组文本框并发送到另一个文本框

  4. 4

    如何将javascript变量值从选定的文本框设置为另一个文本框

  5. 5

    javascript以动态添加文本框

  6. 6

    添加两个文本框包含并使用html和javascript在没有任何按钮的情况下在另一个文本框中显示结果

  7. 7

    JavaScript将数字转换为货币并将负货币复制到另一个文本框

  8. 8

    javascript让我的文本框显示一个变量

  9. 9

    将文本框输入传递到另一个页面时出现问题 - 特别是 javascript 和 html 中的名字和姓氏

  10. 10

    动态添加文本框的Javascript,然后再次将文本框转换为文本

  11. 11

    使用javascript仅将文本从一个文本框复制到另一文本框

  12. 12

    给两个文本框相同的值,一个使用Javascript或jQuery填充

  13. 13

    如果在JavaScript中为空,则在多个文本框中输入一个文本框的值

  14. 14

    如何从JavaScript动态创建文本框

  15. 15

    Javascript-动态填写文本框

  16. 16

    通过javascript动态文本框

  17. 17

    通过Javascript向文本框添加默认值

  18. 18

    Javascript文本框的简单添加更新

  19. 19

    Javascript 添加/删除文本框

  20. 20

    如何从javascript向servlet发送值(动态创建文本框)

  21. 21

    更改JavaScript中的文本框值

  22. 22

    Javascript / JQuery文本框值计算

  23. 23

    在javascript中更改文本框的值

  24. 24

    Javascript 检查文本框的下拉值

  25. 25

    JavaScript 更改文本框的值

  26. 26

    使用javascript或appscript唯一地添加/删除动态文本框

  27. 27

    JavaScript - 在一个文本框中添加两个数字(仍然是字符串)

  28. 28

    如何在 PHP/Javascript 中使用多个文本框创建一个填充 TEXTAREA 的函数

  29. 29

    如何添加两个范围滑块并使用Javascript在文本框中打印值?

热门标签

归档