How can I insert value in <td> from input field with jQuery?

Question

I have table with following structure:

<table class="table-info" border='1px' >


    <tr >
        <td class="view" style='background:red; width:100px' ></td>
        <td>6</td>
        <td><span class="title" style="cursor: pointer">Some title</td>
        <td title="url"><a href="#" target="_blank">088835522112</a></td>
        <td>AUDIO</td>
        <td><input class="input-text" type="text" value=""></td>
    </tr>
       <tr >
        <td class="view" style='background:red; width:100px' ></td>
        <td>6</td>
        <td><span class="title" style="cursor: pointer">Some title</td>
        <td title="url"><a href="#" target="_blank">088835522112</a></td>
        <td>AUDIO</td>
        <td><input class="input-text" type="text" value=""></td>
    </tr>
        <tr >
        <td class="view" style='background:red; width:100px' ></td>
        <td>6</td>
        <td><span class="title" style="cursor: pointer">Some title</td>
        <td title="url"><a href="#" target="_blank">088835522112</a></td>
        <td>AUDIO</td>
        <td><input class="input-text" type="text" value=""></td>
    </tr>

</table>

I want to visualize the value of the input field in "td class='view'". How can I do this with jQuery?

http://jsfiddle.net/dilyan_kn/R4Dqr/

Nice one! It's a little bit offtopic but can you explain me how to make to validate inputed values that should not be higher than value of the second col (ex. 6)? — PipBoy2000
– PipBoy2000, Commented Aug 26, 2016 at 13:07

VisioN · Accepted Answer · 2012-08-24 10:59:52Z

4

If I got you right, this should work:

$(".input-text").on("keyup", function() {
    $(this).closest("tr").find(".view").html(this.value);
});

DEMO: http://jsfiddle.net/R4Dqr/1/

answered Aug 24, 2012 at 10:59

VisioN

146k35 gold badges287 silver badges291 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

PipBoy2000 Over a year ago

It's a little bit offtopic but can someone explain me how to make to validate inputed values that should not be higher than value of the second col (ex. 6)?

Vinayak Phal · Accepted Answer · 2012-08-24 11:05:49Z

1

WORKING FIDDLE

$(".input-text").on("keyup", function() {
    $(this).closest("tr").find('td:first').html(this.value);
});

answered Aug 24, 2012 at 11:05

Vinayak Phal

8,9194 gold badges35 silver badges53 bronze badges

1 Comment

PipBoy2000 Over a year ago

Nice one! It's a little bit offtopic but can you explain me how to make to validate inputed values that should not be higher than value of the second col (ex. 6)?

eckes · Accepted Answer · 2012-08-24 12:46:07Z

0

$('.input-text').bind('keyup', function() 
{ 
  $(this).closest("tr").css('color', 'white').find(".view").html(this.value);
});

edited Aug 24, 2012 at 12:46

eckes

67.7k31 gold badges177 silver badges209 bronze badges

answered Aug 24, 2012 at 11:10

vivek salve

9911 gold badge10 silver badges20 bronze badges

Collectives™ on Stack Overflow

How can I insert value in <td> from input field with jQuery?

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related