Получить значение моего выпадающего списка с AJAX

Question

Вот код в моем представлении, у меня есть выпадающий список, и в основном я хочу, чтобы, когда я нажимал на любой элемент в этом списке, я получал значение элемента, и он завершал ввод в поле имени.

Мне удалось сделать это на JS с помощью кнопки, которая загружает ввод, но, пожалуй, он в Ajax, и, честно говоря, я в этом уверен и не очень понимаю, как сделать его работоспособным. Должен ли я сделать это с помощью базового JS?

<h:outputText value="Name" styleClass="section-label"/>
    <h:inputText id="name" value="#{contextSchemeDetailBean.contextScheme.schemeName}"
                 required="true" maxlength="255"
                 requiredMessage="Please fill out 'Name' field."
                 label="Name" styleClass="section-content input-section">
    <f:validateLength maximum="255"/>
    </h:inputText>
<h:outputText value="Code List" styleClass="section-label"/>
<p:autoComplete id="inputCodeList" required="true"
                requiredMessage="Please fill out 'Code List' field."
                styleClass="section-content input-section"
                completeMethod="#{codeListBean.completeInput}"
                dropdown="true" scrollHeight="220">
<p:ajax event="itemSelect" listener="#{codeListBaseBean.codeList.guid}"/>
</p:autoComplete>

Я не знаю, если я действительно ясно, если не стесняйтесь спрашивать. Спасибо !!

Answer 1

Кажется, вы используете распорки? Если это так, вы можете использовать селектор тега.

В Struts 2 вы можете использовать тег для создания раскрывающегося списка HTML.

<s:select label="What's your favor search engine" 
    headerKey="-1" headerValue="Select Search Engines"
    list="searchEngine" 
    name="yourSearchEngine" />

найти полный пример здесь: https://www.mkyong.com/struts2/struts-2-sselect-drop-down-box-example/

Answer 2

вот код, с которого вы можете начать, если вам нужна помощь, просто спросите :)

 <script type="text/javascript">
      $('#yourid').on('change', function(e){
        console.log(e);
        var mytextbox = e.target.value;
        $.get('/' + mytextbox,function(data) {
          console.log(data);
          $('#yourid').append('<option value="0" disable="true" selected="true">=== Select something ===</option>');
}


    </script>

$(function(){
    $('select').change(function(){
        $that = $(this);
        $('textarea').val(function(){
            return $(this).prop('defaultValue') + ' '+$that.val();
        });
    });
});

<script src="https://code.jquery.com/jquery-1.9.1.js"></script>
<select>
    <option value="">select one</option>
    <option value="aaaa">aaaa</option>
    <option value="bbbb">bbbb</option>
    <option value="cccc">cccc</option>
    <option value="dddd">dddd</option>
    <option value="eeee">eeee</option>
</select>
<textarea></textarea>

Вы можете запустить его из кнопки «Выполнить фрагмент кода»