Array of two text boxes in each row in tabular form, on blur some action
I have array of two textboxes in a table, on blur of one text box in a row I have to copy part of the text from one to other, similarly based on text typed in first text box I need to fill the second on blur. How do I do this in jQuery. I tried to use .each but does not seems to be working. Hope I am clear in my question, please help me resolving this.
I have the one name for each text box, mean finally I will get two arrays 开发者_开发百科if I get them in java class.
Thanks in advance
<input type="text" id="txt1" />
<input type="text" id="txt2" />
$('#txt1').blur(function (){
$('#txt2').val($(this).val());
});
if u need for more than one and if i understand u properly
<input type="text" class="txt1" />
<input type="text" class="txt2" />
$('.txt1').each(function (i,n){
$(n).blur(function (){
$('.txt2').eq(i).val($(n).val());
});
});
Try something like this
$( '.yourTable input[name=textboxname]' ).blur( function() {
var text = $( this ).val();
//Crop/change the text here, whatever you want to do
$( this ).parent().next( 'td' ).children( 'input[name=othertextboxname]' ).val( text );
} );
Since your textboxes got names, you can use them in your jQuery selector. The rest is changing that text and traversing to the next textbox in the same row.
加载中,请稍侯......
精彩评论