这是我视图中的代码,我有一个下拉列表,基本上我想要的是,当我单击列表上的任何项目时,我都会获得该项目的值,并完成名称字段中的输入。 / 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>
我不知道我是否真的很清楚,如果不不提出疑问的话。谢谢!!
答案 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/