Как сделать так, чтобы значения ввода впереди типа inputText были кликабельными, как кнопка в jsf/bootsfaces?

Question

У меня есть inputText с опережением ввода, где пользователь может ввести класс задания и выпадающий список, а затем он нажимает на кнопку выбора - он заполняет данные. Но я хочу вместо кнопки "Выбрать" поставить onclick или что-то в моем inputText, что, когда отображается выпадающий список, и пользователь нажимает на раскрывающееся значение, он может заполнять данные, которые он делал с моей кнопкой. Спасибо за помощь.

Вот мой код:

           <h:form>

              <b:inputText id = "inputName"  value = "#{myBean.currentJobSelected}" typeahead="true" typeahead-values="#{myBean.cPaySearchList}"
                           placeholder="e.g. Apple" required="true" ajax="true" >


             <f:ajax render=":dTable" />


                </b:inputText>

          <b:commandButton action="#{myBean.getAllMethods}" update=":dTable"  value= " Select" >

              <f:ajax execute="inputName" render=":dTable" />

          </b:commandButton>




            </h:form> 

Answer 1

Если я вас правильно понял, вы ищете что-то вроде этого:

<b:remoteCommand name="onValueSelected" actionListener="#{myBean.myMethod}" update=":dtable" />
<script> 
$('#inputName').on('itemAdded', function(event) {
  onValueSelected();
});
</script>

Однако я рекомендую использовать класс CSS вместо идентификатора. JSF изменяет идентификаторы, поэтому проще использовать класс CSS в выражении jQuery (т.е. $('.job-selected') вместо $('#inputName') - плюс тебе нужно добавить class="job-selected" к <b:inputText />).