使用AJAX获取我的下拉列表的值

时间:2018-07-02 18:15:28

标签: ajax jsf

这是我视图中的代码,我有一个下拉列表,基本上我想要的是,当我单击列表上的任何项目时,我都会获得该项目的值,并完成名称字段中的输入。 / p>

我设法用一个加载输入的按钮在JS上做到了这一点,但pb是它在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>

我不知道我是否真的很清楚,如果不不提出疑问的话。谢谢!!

2 个答案:

答案 0 :(得分:-1)

这是一个代码,如果需要任何帮助,您可以从这里开始:)

 <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>
您可以通过“运行代码段”按钮

运行它

答案 1 :(得分:-1)

似乎您正在使用支撑架?如果是这样,您可以使用选择器标记。

在Struts 2中,您可以使用标签创建HTML下拉框。

try!

从此处找到完整的示例:https://www.mkyong.com/struts2/struts-2-sselect-drop-down-box-example/