从p：inputText javascript获取值文本 [英] Get value text from p:inputText javascript

问题描述

我正在尝试一些简单的事情，只是为了获得中的文本值p：inputText 以为Javascript，但我没有得到它。
也许这是与Primefaces不同的程序，因为如果我不使用它，我就不会遇到问题。

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.

我的代码：

<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>

我也试过JQuery但也没有成功。

I have tried also with JQuery but also no success.

呈现的视图：

<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">

推荐答案

添加 id 到你的< p：inputText

像这样

<p:inputText id="someID" value="any text" widgetVar="youtlink" ></p:inputText>

确保您的表格 prependId =false

比访问这样的值

alert(jQuery('#someID').val());

如果您不想添加 prependId =false到你的表单你必须从 jQuery（'＃someID'）更改jquery选择器.val（）到 jQuery（ [id $ ='someID']）。val（）

if you don't want to add prependId="false" to your form you will have to change the jquery selector from jQuery('#someID').val() to jQuery("[id$='someID']").val()

编辑

因为您的表格名为 editlFrm

试试这个（确保将 someID id分配给 p：inputText ）

try this (make sure to assign someID id to your p:inputText)

alert(jQuery('#editlFrm\\:someID').val());

这篇关于从p：inputText javascript获取值文本的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！