HTML在文本框中添加值

Question

我想在文本框中添加值。 已经创建了一个默认值为10的文本框，然后一个按钮使用一个函数来添加限制为4的新文本框。因此，我想从文本框1到文本框4连续添加值。

例：

文本框1值= 10

文本框2的值= 20

文本框3值= 30

文本框4值= 40

我怎样才能做到这一点？

<script type="text/javascript">
    //Adding New Line Item Function
    var i = 1;
    function AddNew(){
        if (i <=3){ //if you don't want limit, you remove IF condition
            i++;
            var div= document.createElement('div');
            div.innerHTML = '<input type="text" name="lineitem_'+i+'" maxlength="2" size="2"><input type="button" onclick="removeKid(this)" value="-">';
            document.getElementById('addingitem').appendChild(div);
        }
    }
</script>

Answer 1

像这样使用...

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<div id="textboxes">
    Text box 1 <input type="text" value="10" />
</div>

<button onclick="AddNew()" >Add</button>
<script type="text/javascript">
    //Adding New Line Item Function
    var i = 1;
    function AddNew(){
    var div= document.getElementById('textboxes');  
        if (i <4){ 
            i++;            
           div.innerHTML = div.innerHTML+'<br>Text box '+i+' <input type="text" value="'+i*10+'" />';

        }
    }
</script>
</body>
</html>

Answer 2

您希望从文本框1到文本框4连续增加值，因此while循环在此处效果更好

 var i = 1;
    function AddNew(){
        while(i < 4 ){
            i++;
            var div = document.getElementById("addingitem");
            div.innerHTML += '<br>Text box '+i+' <input type="text" name="lineitem_'+i+'" maxlength="2" size="2" value="'+i*10+'"><input type="button" onclick="removeKid(this)" value="-">';            
        }
    }

HTML在文本框中添加值

问题描述

2 个解决方案

解决方案1
0 2016-06-02 03:08:42

解决方案2
0 已采纳 2016-06-02 03:36:53

HTML在文本框中添加值

问题描述

2 个解决方案

解决方案1 0 2016-06-02 03:08:42

解决方案2 0 已采纳 2016-06-02 03:36:53

解决方案1
0 2016-06-02 03:08:42

解决方案2
0 已采纳 2016-06-02 03:36:53