如何解决文本字段将基于下拉选择的ed值显示/隐藏,即使单击搜索后导航到后退
我有一个下拉菜单,其中包含5个项目,如果我选择第一个,则会显示几个文本字段,如下所示。
首先基于下拉文本字段可以正常工作,但是当单击搜索并导航到后页文本字段时,下拉列表中的文本字段不会根据下拉值显示。
即使导航返回后也请帮助我,它应该正确显示。 而且我已经尝试过此代码。
Jsf下拉代码:
<h:outputText value="Report Type " />
<h:selectOneMenu value="#{customReportBean.reportType}" id="reportTypeField"
onchange="reportType()">
<f:selectItem itemValue="alerts" itemLabel="Alerts" />
<f:selectItem itemValue="violations" itemLabel="Violations" />
<f:selectItem itemValue="events" itemLabel="Events" />
<f:selectItem itemValue="threats" itemLabel="Threats" />
<f:selectItem itemValue="callhistory" itemLabel="Call History" />
<f:selectItem itemValue="msghistory" itemLabel="Message History" />
</h:selectOneMenu>
Java脚本:
<script>
function reportType() {
if(type == 'alerts') {
document.getElementById('custom-report-form:alertsFilterPanel').style.display = "block";
document.getElementById('custom-report-form:violationsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:eventsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:ucThreatsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:callHistoryFilterPanel').style.display = "none";
document.getElementById('custom-report-form:msgHistoryFilterPanel').style.display = "none";
} else if(type == 'violations') {
document.getElementById('custom-report-form:alertsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:violationsFilterPanel').style.display = "block";
document.getElementById('custom-report-form:eventsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:ucThreatsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:callHistoryFilterPanel').style.display = "none";
document.getElementById('custom-report-form:msgHistoryFilterPanel').style.display = "none";
} else if(type == 'events') {
document.getElementById('custom-report-form:alertsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:violationsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:eventsFilterPanel').style.display = "block";
document.getElementById('custom-report-form:ucThreatsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:callHistoryFilterPanel').style.display = "none";
document.getElementById('custom-report-form:msgHistoryFilterPanel').style.display = "none";
} else if(type == 'threats') {
document.getElementById('custom-report-form:alertsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:violationsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:eventsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:ucThreatsFilterPanel').style.display = "block";
document.getElementById('custom-report-form:callHistoryFilterPanel').style.display = "none";
document.getElementById('custom-report-form:msgHistoryFilterPanel').style.display = "none";
} else if(type == 'callhistory') {
document.getElementById('custom-report-form:alertsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:violationsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:eventsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:ucThreatsFilterPanel').style.display = "none";
document.getElementById('custom-report-form:callHistoryFilterPanel').style.display = "none";
document.getElementById('custom-report-form:msgHistoryFilterPanel').style.display = "block";
}
}
</script>
搜索按钮代码:
<h:commandButton id="reports_search_filter_search" value="Search" action="#{customReportBean.showSearch}"/>
点击搜索后,将导航到结果页面,然后如果我导航至该主页,则文本字段未根据下拉值显示。
谢谢。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。