Question

如何使用JQuery在表单内的JSF inputText控件上编写数据？

目标是将数据传递回托管bean。如果还有其他方法可以做到这一点，我愿意接受建议。

这不起作用：

<h:form>
    <h:inputText id="list1SortOrder"> </h:inputText>
</h:form>

<script type="text/javascript">
    function saveOrder() {
                    $("inputText[id=list1SortOrder]").val("1");
    };
</script>

Answer 1

<h:inputText id="list1SortOrder"> </h:inputText>
将生成html如下：
<input id="form:list1SortOrder" name="form:list1SortOrder" type="text" />

您需要使用带选择器的结尾：http://api.jquery.com/attribute-ends-with-selector/
试试这个：

<script type="text/javascript">
    function saveOrder() {
       $("inputText[id$='list1SortOrder']").val("1");
    };
</script>

Answer 2

只是添加到Cybernate的答案，在循环表jsf元素的情况下，你应该使用asterix符号而不是美元符号。

<script type="text/javascript">
    function saveOrder() {
      $("inputText[id*='list1SortOrder']").val("1");
    };
</script>

通过JQuery在JSF inputText控件上写入数据

2 个答案: