用JS做一个弹出框。显示内容为选择性别,该怎么处理
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>
单击选择性别:
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询