在从jsp中的下拉列表中选择值后，替换并显示新页面 [英] Replace and display a new page after value getting selected from dropdown in jsp
问题描述
我有一个仪表板，其中有多个下拉值，其中一个下拉列表具有值，当它被选中并单击一个提交按钮时，它会将现有页面设计替换为新的页面设计。
任何人都可以请一些指导，我怎样才能实现使用JSP和servlets？
所有我能想到的都是使用JavaScript并打开一个新窗口，但我怎么能在同一个框架中做到这一点，或< div> 现有页面？
另外，我需要保留现有设计b $ b尝试切换页面。
任何帮助或有价值的评论都会非常棒！
< script type =text / javascript>
function showlevel1（）{
var l1 = document.getElementById（'level1_category'）;
l1.style.display ='block';
var l2 = document.getElementById（'level2_category'）;
l2.style.display ='none';
function showlevel2（）{
var l2 = document.getElementById（'level2_category'）;
l2.style.display ='block';
var l1 = document.getElementById（'level1_category'）;
l1.style.display ='none';
$ b函数categorySelectHandler（select）{
if（select.value =='1'）{
var l1 =的document.getElementById（ 'level1_category'）;
l1.style.display ='none';
var l2 = document.getElementById（'level2_category'）;
l2.style.display ='none';
} else if（select.value =='2'）{
showlevel1（）;
} else if（select.value =='3'）{
showlevel2（）;
}
}
< / script>
< html>
< select id =select_levelonchange =categorySelectHandler（this）>
< option value =1>在第1级创建< / option>
< option value =2>在2级创建< / option>
< option value =3>在第3级创建< / option>
< / select>
< div id =level1_categorystyle =display：none;>
//＃您的代码在这里
< / div>
< div id =level2_categorystyle =display：none;>
//＃您的代码在这里
< / div>
< / html>
I have a dashboard where I have multiple drop down values, one of the drop-down have values which when get selected and a submit button is clicked it replaces the existing page design into a new page design.
Can anyone please shed some guidance how can I achieve that using JSP and servlets?
All I can think of is doing it using JavaScript and open a new window, but how can I do that in the same frame or <div> of the existing page?
Also I need to keep the existing design by default before making an attempt to switch the page.
Any help or valuable comments would be really great!
<script type="text/javascript">
function showlevel1() {
var l1 = document.getElementById('level1_category');
l1.style.display = 'block';
var l2 = document.getElementById('level2_category');
l2.style.display = 'none';
}
function showlevel2() {
var l2 = document.getElementById('level2_category');
l2.style.display = 'block';
var l1 = document.getElementById('level1_category');
l1.style.display = 'none';
}
function categorySelectHandler(select) {
if (select.value == '1') {
var l1 = document.getElementById('level1_category');
l1.style.display = 'none';
var l2 = document.getElementById('level2_category');
l2.style.display = 'none';
} else if (select.value == '2') {
showlevel1();
} else if (select.value == '3') {
showlevel2();
}
}
</script>
<html>
<select id="select_level" onchange="categorySelectHandler(this)">
<option value="1">Create at level 1</option>
<option value="2">Create at level 2</option>
<option value="3">Create at level 3</option>
</select>
<div id="level1_category" style="display:none;">
// # Your Code Here
</div>
<div id="level2_category" style="display:none;">
// # Your Code Here
</div>
</html>
这篇关于在从jsp中的下拉列表中选择值后，替换并显示新页面的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
