如何更新输入类型="文本"操作后使用javascript

时间:2014-07-26 15:32:34

标签: javascript html

我希望在点击更新按钮后使用id=you更新文本字段,在脚本中我也尝试了current=document.getElementById("you"); current.innerText=num1;无济于事,非常感谢您的回复。

<form name="ADD" >

<input type="text"  name="new1" value="0/><br /><br />

 <input type="text" name="current" id="you" value="" />

 <input type="button" value="update" 

onclick="add(this.form.new1.value,this.form.current.value);" />

</form>

 <script type="text/javascript" >

  var add = function (num1, num2) {

            var current;

            num1 = parseInt(num1);

            num2 = parseInt(num2);

            num2 += num1;

           current= document.getElementById("you");

            current.setAttribute("value", num1);

        };
    </script>

3 个答案:

答案 0 :(得分:0)

var current = document.getElementById("you"); 
current.value = num1;

答案 1 :(得分:0)

这可以通过基本的jQuery来实现:

HTML

<form name="ADD" >

<input type="text"  name="new1" value="0/><br /><br />

 <input type="text" name="current" id="you" value="" />

 <input type="button" value="update"/>

</form>

的jQuery

$(document).ready(function(){
     $("button").clicked(function(){
           $("#you").val("You new value");
     });
});

或纯粹的jscript:

<input type=button value='Update' onclick="add("Your new value");">

<script>
     function add(value){
        var input = document.getElementById("you"); 
        input.value = value;
     }
</script>

答案 2 :(得分:0)

试试这个。它的工作原理

<form name="ADD">
<input type="text"  name="new1" value="0"/><br /><br />
<input type="text" name="current" id="you" value="" />
<input type="button" value="update"
       onclick="add(this.form.new1.value,this.form.current.value);" />
</form>
<script>
function add(num1, num2) { 
    var current;
    num1 = parseInt(num1);
    num2 = parseInt(num2);
    num2 += num1;
    document.getElementById('you').value = num1;
};
</script>