jQuery cannot get input value

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, Feb 26 '15 at 09:42
Can you show your HTML too as the selectors are currently ambiguous? — iCollect.it Ltd, Feb 26 '15 at 09:46
Selectors are not ambiguous I have checked that. Html is simple textarea with id. Like `` — Rembrandt, Feb 26 '15 at 09:53
You are supposed to remove the JSF noise as this is not a JSF/RichFaces problem. — Tiny, Feb 26 '15 at 10:03

Milind Anantwar · Accepted Answer · 2015-02-26T10:06:02.403

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 '15 at 10:06

answered Feb 26 '15 at 09:41

Milind Anantwar

81,290
25
94
125

That was the problem, but in line when I get component by id - later I used `this` selector. Thanks! – Rembrandt Feb 26 '15 at 11:17

score 0 · Answer 2 · answered Feb 26 '15 at 09:43

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>

jQuery cannot get input value

2 Answers2