在JSP页面中怎样实现点击按钮弹出选择框。能给出代码吗？？

 我来答

6个回答

#热议# 上班途中天气原因受伤算工伤吗？

千锋教育
2015-12-13 · 做真实的自己用良心做教育

千锋教育

千锋教育专注HTML5大前端、JavaEE、Python、人工智能、UI＆UE、云计算、全栈软件测试、大数据、物联网+嵌入式、Unity游戏开发、网络安全、互联网营销、Go语言等培训教育。

向TA提问

关注

展开全部

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])

已赞过 已踩过<

评论收起

北京勤哲软件技术

广告2024-12-23

勤哲Excel服务器2024学习和下载。用Excel自动生成pdm工具及手机app.软博会金奖产品，适合于各行各业的管理人员使用。

www.qinzhe.com

倾城的秘密丶c5928
推荐于2017-12-15 · TA获得超过233个赞

知道小有建树答主

回答量：214

采纳率：0%

帮助的人：216万

我也去答题访问个人页

关注

展开全部

1）在js中使用模式窗口就可了：
window.showModalDialog(url,obj,feature)
使用方法是：
2）window.dialogArguments,代表父窗口window.showModalDialog(url,obj,feature)的第二个参数
也就是第二个参数你可以传一个window对象过去，不要引号
在模式窗口就可以使用
window.dialogArguments.document.getElementById(text1).value
3）他有一个返回值，可将对话框中返回，这样就实现了

本回答被提问者采纳

已赞过已踩过<

你对这个回答的评价是？
评论收起

abcd20100501
2011-04-23 · TA获得超过207个赞

知道答主

回答量：148

采纳率：0%

帮助的人：153万

我也去答题访问个人页

关注

展开全部

<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和铉de华丽
推荐于2018-03-05

知道答主

回答量：77

采纳率：0%

帮助的人：8.4万

我也去答题访问个人页

关注

展开全部

我给你介绍一个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>


本回答被网友采纳






已赞过已踩过<

你对这个回答的评价是？
评论收起

热一点很搞笑
2011-04-23 · TA获得超过337个赞

知道小有建树答主

回答量：478

采纳率：0%

帮助的人：241万

我也去答题访问个人页

关注

展开全部

选择框? 直接js

if(confirm('确定?')) alert('确定'); else alert('不确定');

追问

啊！晕，弹出来选择框，里面有供我选择的信息，我选择后能显示在页面上的。。。

已赞过 已踩过<

评论收起

更多回答（4）

推荐律师服务：若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询

您可能关注的内容

免费安全软件腾讯电脑管家。全面保障你的电脑安全!

防木马，防钓鱼，一款深度保护上网安全软件。一键解决电脑问题。安全体检升级，全新体验

在JSP页面中 怎样实现点击按钮弹出选择框。能给出代码吗？？

您可能关注的内容

其他类似问题

为你推荐：

在JSP页面中怎样实现点击按钮弹出选择框。能给出代码吗？？