ansaurus

Question

Get the ID of the Current Textbox using JQuery

Answer 1

A:

Something like this maybe:

<body>

<textarea class="commonClassName" name="DocId" id="DocId" rows="8" cols="40"></textarea>
<textarea class="commonClassName" name="DocId2" id="DocId2" rows="8" cols="40"></textarea>

<div id="tableContent" style="border: 2px solid #678;padding: 1em;">

</div>
<script type="text/javascript">
$(function() {
    $('.commonClassName').live('keyup', function() {    
        var styleValue = $(this).val();
        // do your own magic here
        $('#tableContent').html(styleValue);
    })
});

</script>
</body>

Using a classname to attach live to both elements here.
I used keyup to avoid a one-character lag.

npup 2010-03-25 21:00:14

This works but I need to grab the id and not the class.

Aaron Salazar 2010-03-25 21:26:17

You don't need the id at all it seems (you never do anything with it)? And if you do, you can get ahold of it easily with `var currentElemId = this.id;` But i can understand if you'd rather pass 2 ids if you got so few of the elements right now. What i proposed was just a tiny bit more general approach.

npup 2010-03-25 21:41:17

Answer 2

A:

You can get the ID by $(this).attr('id') and change your selector to $('#DocId, #LangCode').

Mark 2010-03-25 21:13:11

Answer 3

A:

Based on your edit, this will work:

$('#DocId, #LangCode, #ThirdBoxIDHere').live('keyup', function() {    
  $('#tableContent').load('/CurReport/TableResults', { style: $(this).val() });
})

This is assuming they all use #tableContent, if not then it'll need to be able to get at an attribute on something to determine that.

Nick Craver 2010-03-25 21:15:04

This works just fine and since I have so few textboxes it'll work great. Thank you.

Aaron Salazar 2010-03-25 21:26:59

ansaurus

tags:

views:

answers:

Get the ID of the Current Textbox using JQuery

related questions