将文本框值与另一个文本框值相关联

时间:2014-05-06 09:54:25

标签: javascript jquery

我该怎么做? 这是场景:

firstTextbox值:“firstString”

secondTextbox值:“/ secondString”

结果我想要回忆: secondTextbox值:“firstString / secondString”

我尝试过这个解决方案:

<input id="A">
<input id="B">

A.onblur = function() { 
B.value = this.value;
};

但它只将第二个文本框值宽度替换为第一个值。我想加入

7 个答案:

答案 0 :(得分:1)

我认为这足以解决您的问题

 B.value += this.value;

答案 1 :(得分:1)

甚至可以使用HTML5 output tag 来完成 js Fiddle

HTML

<form oninput="x.value=a.value + b.value">
    <input type="text" id="a" value="" />
    <input type="text" id="b" value="" />
    <output name="x" for="a b"></output>
</form>

答案 2 :(得分:0)

试试这个..

A.onblur = function() { 
   B.value =B.value + this.value;
};

    A.onblur = function() { 
       B.value += this.value;
    };

答案 3 :(得分:0)

将B&C的值重新添加到最后:

B.value = this.value + B.value;

B的值不会被更新,直到评估表达式的右侧,因此当计算this.value + B.value时,它仍然会使用旧的B.value

答案 4 :(得分:0)

<强> HTML

<input id="A">
<input id="B">
    <div id="output"></div>

<强> JQUERY

$('#A').blur(function(){
$('#output').html($('#A').val()+$('#B').val());
});

答案 5 :(得分:0)

<强> HTML:

<input id="A" onblur="sample()">
<input id="B">

<强> Jquery的:

function sample(){ 
var bvalue = $("#B").val() + $("#A").val();
$("#B").val('');
$("#B").val(bvalue);
}

答案 6 :(得分:0)

代码段看起来很幼稚,但如果您需要它,那么可能的解决方案可能就在这里http://jsfiddle.net/e8vBj

HTML:

<input type="text" id="t1"/>
<input type="text" id="t2"/>
<br/>
<br/>
<input type="text" id="t3"/>

JS:

$('#t1,#t2').blur(function(){

        var t1 = $('#t1').val();

         if(t1 == ''){
            $('#t2').val(t1);

        }
        //vice versa

        var t2 = $('#t2').val();

        t1 = (t1 == null)?'':t1;
        t2 = (t1 == null)?'':t2;



        $('#t3').val(t1+t2);

    });