Get value text from p:inputText javascript

user_1453711 0
Viewed 27692

I'm trying something simple, just to get the text value inside a p:inputText thought Javascript, but I`m not getting it. Perhaps it's a different procedure with Primefaces, since if I don't use that, I don't encounter the problem.

My code:

<p:inputText value="any text" widgetVar="youtlink" ></p:inputText>
        <p:commandButton value="Search"    onclick="loadPlayer();" icon="ui-icon-search" />  


<script type="text/javascript">
    function loadPlayer() {
        alert(youtlink.text);
    }
</script>

I have tried also with JQuery but also no success.

Rendered view:

<form id="editlFrm" enctype="application/x-www-form-urlencoded" method="post"
name="editlFrm">
    <input id="editlFrm:j_id_7" class="ui-inputfield ui-inputtext ui-widget ui-state-default ui-corner-all"
    type="text" value="assd" name="editlFrm:j_id_7" role="textbox" aria-disabled="false"
    aria-readonly="false" aria-multiline="false">
    <button id="editlFrm:j_id_8" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left"
    type="submit" onclick="loadPlayer();;PrimeFaces.ab({source:'editlFrm:j_id_8'});return false;"
    name="editlFrm:j_id_8" role="button" aria-disabled="false">
primefaces jquery javascript
4 Answers

My I think the simplest way:

PF('youtlink').jq.val();

You can set the value of input field like this:

PF('youtlink').jq.val('new value');

other way:

PrimeFaces.widgets.youtlink.jq.val()

and another way if you have ID:

$(PrimeFaces.escapeClientId("yourFormID:youtlink")).val()

tested with PF 5.3

user_68042920
Related