jQuery cannot get input value [duplicate]

Question

I am trying to get input value after keypress by jQuery. I have tried few ways to get it and I receive undefined or "". Using JSF+RichFaces. Input is the <h:inputTextarea> Trying to get value by:

<script type="text/javascript">
    jQuery(document).ready(function() {
         jQuery("#myform:idTextarea").keyup(function(){
            var testValue = jQuery("myform:idTextarea").val();
            console.log(testValue);

        });
     }); 
</script>

The variable in log is undefined. When I add "input:" like that

var testValue = jQuery("input:myform:idTextarea").val();

I get j_id12.

When change like that:

var testValue = jQuery("#myform:idTextarea").val();

I get "".

Have someone any clues?

# id referance missing here . jQuery("myform:idTextarea").val(); — Ranjith
– Ranjith, Commented Feb 26, 2015 at 9:42
Can you show your HTML too as the selectors are currently ambiguous? — iCollect.it Ltd
– iCollect.it Ltd, Commented Feb 26, 2015 at 9:46
Selectors are not ambiguous I have checked that. Html is simple textarea with id. Like <textearea id="..." class="..." etc. ></textarea> — Rembrandt
– Rembrandt, Commented Feb 26, 2015 at 9:53
You are supposed to remove the JSF noise as this is not a JSF/RichFaces problem. — Tiny
– Tiny, Commented Feb 26, 2015 at 10:03

Milind Anantwar · Accepted Answer · 2015-02-26 10:06:02Z

2

You need to escape CSS meta-character while buidling the jquery selector:

jQuery("input\\:myform\\:idTextarea").val();

Escaping css meta character in jquery

edited Feb 26, 2015 at 10:06

answered Feb 26, 2015 at 9:41

Milind Anantwar

82.3k26 gold badges97 silver badges128 bronze badges

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

1 Comment

Rembrandt Over a year ago

That was the problem, but in line when I get component by id - later I used this selector. Thanks!

Bhushan Kawadkar · Accepted Answer · 2015-02-26 09:43:39Z

0

You don't need to find same element for which keyup is registered, just use this

<script type="text/javascript">
    jQuery(document).ready(function() {
         jQuery("#myform:idTextarea").keyup(function(){
            var testValue = jQuery(this).val();
            console.log(testValue);

        });
     }); 
</script>

answered Feb 26, 2015 at 9:43

Bhushan Kawadkar

28.6k5 gold badges39 silver badges61 bronze badges

Collectives™ on Stack Overflow

jQuery cannot get input value [duplicate]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related