首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >使用AJAX获取下拉列表的值

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

Stack Overflow用户
提问于 2018-07-03 02:15:28
回答 2查看 72关注 0票数 2

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

我在JS上用一个加载输入的按钮做到了这一点,但pb是在Ajax中的,老实说,我知道这一点,但我真的不知道如何让它发挥作用。我应该使用basic JS来做吗?

代码语言:javascript
复制
<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>

我不知道我是否真的说清楚了,如果不是,请不要犹豫地问。谢谢!!

EN

回答 2

Stack Overflow用户

发布于 2018-07-03 02:31:39

这是一段代码,如果需要任何帮助,只需询问:)

代码语言:javascript
复制
 <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>

代码语言:javascript
复制
$(function(){
    $('select').change(function(){
        $that = $(this);
        $('textarea').val(function(){
            return $(this).prop('defaultValue') + ' '+$that.val();
        });
    });
});
代码语言:javascript
复制
<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>

你可以从"Run code snippet“按钮运行它。

票数 -1
EN

Stack Overflow用户

发布于 2018-07-03 02:37:38

看起来,你使用的是struts?如果是这样的话,你可以使用选择器标签。

在Struts2中,您可以使用标记来创建HTML下拉框。

代码语言:javascript
复制
<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/

票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51141715

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档