ansaurus

Question

when text changed inputbox automatically updates next 6 text boxes

Answer 1

A:

With that html, and where #foo is a selector to zero in on the appropriate table:

$('tr.RegText input:eq(0)').change(function() {
  $('tr.RegText input:gt(0):lt(7)').val($(this).val());
});

This assumes that change on blur of the first input field is acceptable. Change to keyup or whatever to taste.

wombleton 2010-05-12 02:32:53

Sorry... Wombleton.. I don't understand your code. My table doesn't have id. It did not worked for me. and a

James123 2010-05-12 03:08:27

"#foo" is a place holder for whatever css selector lets you find the table that those rows are in. It would not work unless your table has the id "foo". If it has a class instead or some way of finding it in the DOM you could use that instead. Updating selector to use tr.RegText instead.

wombleton 2010-05-12 03:35:33

Answer 2

A:

using jQuery:

$("#12_136").keyup(function(){
  var $myVal = $("#12_136").val();
  for(var i = 0; i < 6; i ++) {
    $("#12_6"+i).val($myVal);
  }
});

rockstarrichg 2010-05-12 02:40:31

Thanks Rock, This works fine. Is there any way change #12_136 and "#12_6"+i and use something else. like using title "Latest ..."

James123 2010-05-12 03:03:45

Answer 3

A:

Drop your inline keypress event in your HTML. You can attach event handlers easily at run-time.

With jQuery you can do it with this. I'm using "onchange". I don't think you need to do this at a keypress level.

$(document).ready(function() { init() })


function init() {     
     $('#12_136').change(function() {
          var myVal = $(this).attr('value')
          $(this).parents('table').find('input').attr('value',"#" + myVal + "#" )
     })
}

Diodeus 2010-05-12 02:51:19

Thank Diodeus, I have some other inputboxes in that table. I just want add values to next 6 inputboxes. I think in your code It will add value to all input textboxes in that table.

James123 2010-05-12 03:11:56

It will. You can select only those six by adding a class name to them. You would then substitute: .find('input') with .find('input .yourClass')

Diodeus 2010-05-12 04:31:53

ansaurus

tags:

views:

answers:

when text changed inputbox automatically updates next 6 text boxes

related questions