如何在每个按钮单击中将两个字段的产品放入另一个字段中

时间:2015-06-08 05:22:00

标签: javascript php codeigniter

我有3个文本框。两个文本框的产品会自动进入另一个文本框。字段是数量和每个/单位。然后这两个在每次点击中乘以字段数量。但问题是我得到了产品首先点击..

JS

                var new_string='<div class="form-group" id="exp_'+unqid+'">'
                +'<label for="exampleInputPassword1">'+name+'</label> </br>'
                 +'<input name="quantity_'+unqid+'" type="text" id="quantity" style="margin-right:20px;"  class="form-con"  placeholder="Quantity" required>' 
                +'<input name="perunit_'+unqid+'" type="text" id="perunit" style="margin-right:20px;" onchange="getTotalAmount('+unqid+')" class="form-con"  placeholder="Per/unit" required>' 
                +'<input name="amount_'+unqid+'" type="text" id="amount"   class="form-con" placeholder="Amount" required></div>';
                 $("#create").append(new_string);

调用函数

     function getTotalAmount(unqid)
        {
           alert(unqid);

            var q = document.getElementById("quantity").value;
            //alert(q);
            var p = document.getElementById("perunit").value;
           // alert(p);
            if(q!='' && p!='')
                {
                var total = p * q;
                // alert(total);
                document.getElementById("amount").value = total; 
            }
        }

1 个答案:

答案 0 :(得分:0)

您可以这样做: HTML代码

Value 1<input type="text" id="t1"><br/>
Value 2<input type="text" id="t2"><br/>
Result<input type="text" id="t3">

JS:

$('#t2').blur(function(){
var a = $('#t1').val();
var b = $('#t2').val();
var c = a*b;
$('#t3').val(c) 
});

并查看https://jsfiddle.net/ejzn66n5/