在JSP页面中 怎样实现点击按钮弹出选择框。能给出代码吗？？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了在JSP页面中 怎样实现点击按钮弹出选择框。能给出代码吗？？相关的知识，希望对你有一定的参考价值。
jsp中点击按钮弹出框，常见的有window.open和window.showModalDialog()两种方法。window.open基本语法：
window.open(pageURL,name,parameters)
其中：
pageURL 为子窗口路径
name 为子窗口句柄
parameters 为窗口参数(各参数用逗号分隔)
示例：
<SCRIPT>
<!--
window.open (\'page.html\',\'newwindow\',\'height=100,width=400,top=0,left=0,toolbar=no,menubar=no,scrollbars=no, resizable=no,location=no, status=no\')
window.showModalDialog使用方法：
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures]) 参考技术A 1）在js中使用模式窗口就可了：
window.showModalDialog(url,obj,feature)
使用方法是：
2）window.dialogArguments,代表父窗口window.showModalDialog(url,obj,feature)的第二个参数
也就是第二个参数你可以传一个window对象过去，不要引号
在模式窗口就可以使用
window.dialogArguments.document.getElementById(text1).value
3）他有一个返回值，可将对话框中返回，这样就实现了本回答被提问者采纳 参考技术B <button id="go" onclick="comeout()">Come out</button>
<div id="aaa" style="display:none">
<SELECT NAME="select">
<OPTION VALUE="11111" SELECTED>11111</option>
<OPTION VALUE=22222">22222</option>
<OPTION VALUE=33333">33333</option>
<OPTION VALUE=44444">44444</option>
<OPTION VALUE=55555">55551</option>
</SELECT>
</div>
<SCRIPT>
function comeout()
document.getElementById("aaa").style.display="";
</SCRIPT>
把代码放入body中就行了 参考技术C 我给你介绍一个js插件，Bootstrap 模态框（Modal）插件，你可以在弹出的模态框上加一个选择按钮的html代码，这里给你提供了两种方式一种是静态模态框，一种是动态模态框
模态框（Modal）是覆盖在父窗体上的子窗体。通常，目的是显示来自一个单独的源的内容，可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。
静态模态框
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 实例 - 模态框（Modal）插件</title>
<link rel="stylesheet" href="
<script src="
<script src="
</head>
<body>
<h2>创建模态框（Modal）</h2>
<!-- 按钮触发模态框 -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
开始演示模态框
</button>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" id="myModalLabel">
模态框（Modal）标题
</h4>
</div>
<div class="modal-body">
在这里添加选择按钮
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary">
提交更改
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal -->
</div>
</body>
</html>
动态模态框
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Bootstrap 实例 - 模态框（Modal）插件方法</title>
<link rel="stylesheet" href="
<script src="
<script src="
</head>
<body>
<h2>模态框（Modal）插件方法</h2>
<!-- 按钮触发模态框 -->
<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
开始演示模态框
</button>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal"
aria-hidden="true">×
</button>
<h4 class="modal-title" id="myModalLabel">
模态框（Modal）标题
</h4>
</div>
<div class="modal-body">
按下 ESC 按钮退出。在这里添加选择按钮。
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default"
data-dismiss="modal">关闭
</button>
<button type="button" class="btn btn-primary">
提交更改
</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<script>
$(function () $('#myModal').modal(
keyboard: true
));
</script>
</body>
</html> 参考技术D 选择框? 直接js
if(confirm('确定?')) alert('确定'); else alert('不确定');追问
啊！晕，弹出来选择框，里面有供我选择的信息，我选择后能显示在页面上的。。。
js中如何点击一个按钮弹出一个file文件框
js中点击一个按钮弹出一个file文件框的步骤如下：
1.在文件夹中创建一个html文件“test”。
2.在test文件中添加一个html的框架。
3.添加两个input，一个是button，一个是file把id设置为“open”style类型设置为“display:none”不显示。
4.打开后我们发现只显示这一个“打开文件”按钮。
5.现在我们给button添加onclick事件，调用openfile触发id为“open”的file。
6.现在我们在浏览器中点击“打开文件”文件按钮就会弹出选择文件路径对话框了。这样就解决了js中点击一个按钮弹出一个file文件框的问题了。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script>
function test()
var f = document.getElementById('f');
f.click();
</script>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</head>
<body style="border:1px solid black;">
<input type="button" onclick="test()" value="test" /><br/>
<input type="file" name="pic" id="f"/>
</body>
</html>
不是的话追问一下 我在给你改追问
我已经找到了 还是要谢谢捏！
以上是关于在JSP页面中 怎样实现点击按钮弹出选择框。能给出代码吗？？的主要内容，如果未能解决你的问题，请参考以下文章