Записать данные в элемент управления JSF inputText через JQuery

Question

Как записать данные в элемент управления JSF inputText внутри формы с использованием JQuery?

Цель - передать данные обратно в управляемый компонент. Если есть какой-то другой способ сделать это, я открыт для предложений.

Это не работает:

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

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

Answer 1

Просто чтобы добавить к ответу Cybernate, вы должны использовать знак звездочки вместо знака доллара в случае элементов jsf таблицы цикла.

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

Answer 2

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