Question

用JS做一个弹出框。显示内容为选择性别,该怎么处理

Answer 1

用JS做一个弹出框。
显示内容为选择性别就是日历JS控件一样，当鼠标在文本框中一点。那么就弹出一个小框框。
选择性别：男　或　女
按了男或女之后。将内容回填到鼠标点中的那个文本框中。
------解决方案--------------------------------------------------------
用模式窗口的例子：第一个页面：<html<body单击选择性别：<input type = text name = userSex readOnly onclick= loadSmallWindow(this) code=</body<script language= javascript
function loadSmallWindow(obj){var returnValue = showModalDialog( second.html ,window, dialogWidth:150px;dialogHeight:90px;status:no );
document.all( userSex ).value = returnValue;}</script</html窗口页面second.html：<html<body<select name = sel_sex
<option value = 男 男 </option
<option value = 女 女 </option
</select
<input type= submit value = 确定 onclick= aa()</body<script language= javascript
window.returnValue = ;
function aa(){window.returnValue = document.all( sel_sex ).value;
window.close();}</script</html
------解决方案--------------------------------------------------------
用层做的例子：<html<body<div id= div style= width:150px;height=90px;display:none;background-color:#ffffee;boder-collapse:collapse;border-color:#000000;border-style:solid;border-width:1px;position:absolute;z-index:100 <select name = selSex <option value = 男 男 </option <option value = 女 女 </option </select <input type= button name = btnOk value = 确定 </div单击选择性别：<input type = text name = userSex2 readOnly onfocus= loadSmallWindow2(this)</body<script language= javascript