首页写一个 jsp 界面，左侧为机构树，点击机构会在右侧数据框中展示机构对应数据

写一个 jsp 界面，左侧为机构树，点击机构会在右侧数据框中展示机构对应数据

时间: 2024-03-26 07:41:23 浏览: 13

以下是一个简单的JSP界面，实现了左侧为机构树，点击机构会在右侧数据框中展示机构对应数据的功能： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>机构树展示</title> <style> .tree { border: 1px solid #ccc; padding: 10px; width: 200px; float: left; margin-right: 10px; } .data { border: 1px solid #ccc; padding: 10px; width: 400px; float: left; } </style> </head> <body> <div class="tree"> <ul> <li><a href="#" onclick="showData('机构1')">机构1</a></li> <li><a href="#" onclick="showData('机构2')">机构2</a></li> <li><a href="#" onclick="showData('机构3')">机构3</a></li> <li><a href="#" onclick="showData('机构4')">机构4</a></li> </ul> </div> <div class="data"> <p id="data-content"></p> </div> <script> function showData(data) { document.getElementById('data-content').innerHTML = data + '的数据'; } </script> </body> </html> ``` 这个JSP界面中，使用了一个包含四个机构的机构树，点击机构会通过JavaScript的showData函数在右侧数据框中展示对应机构的数据。你可以根据实际情况，修改机构树和展示数据的方式。