jsf2.0 richfaces 4.0 jQuery如何獲取輸入字段值

Question

我正在將JSF2.0與Richfaces 4.xi一起使用，試圖使用jquery獲得輸入myfield值？

<h:outputScript name="jsf.js" library="javax.faces" />
    <h:outputScript name="jquery.js" />

    <h:outputScript target="head">
    $ = jQuery;
    // Then you can use it
    $(document).ready(function() {
    });
</h:outputScript>

<h:inputText id="myfield" value="#{dataTableBean.name}" label="Name Field">

<input type="button" onclick="javascript:myfun()" value="click me" />



<h:outputScript target="head">
    function myfun(){
    alert($('#myfield').val());
    }
 </h:outputScript>

Answer 1

JSF在Web服務器中運行並生成HTML。 網絡服務器將其發送到網絡瀏覽器。 JavaScript在Web瀏覽器中運行，並且它看到/理解的只是HTML。

在瀏覽器中打開“ JSF”頁面。 右鍵單擊並查看源 。 找到由JSF <h:inputText>生成的HTML <input type="text">元素。 查看其id屬性。 它看起來像這樣

<input type="text" id="formid:myfield" />

您需要在JavaScript中完全使用該ID。

alert($('#formid\\:myfield').val());

也可以看看：

• 如何使用jQuery選擇JSF組件？