我有一个仪表板,其中有多个下拉值,其中一个下拉值具有当被选择并单击提交按钮时的值,它将现有的页面设计替换为新的页面设计。
谁能指导我如何使用 JSP 和 servlet 实现这一目标?
我能想到的就是使用 JavaScript 并打开一个新窗口,但是我怎样才能在同一帧或<div>
现有页面的?
另外,在制作之前我需要默认保留现有设计
尝试切换页面。
任何帮助或宝贵的意见都会非常好!
<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>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)