您的位置：首页 > 其它

21、在选择的时候跳到另一页面上，选择男女，然后提交表单内容

2016-09-19 22:31 344 查看 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function check() {
var tr = document.createElement("tr");
var name = document.form1.name.value;
var age = document.form1.age.value;
var sex = document.form1.sex.value;
tr.innerHTML = "<td>" + name + "</td><td>" + age + "</td><td>" + sex
+ "</td>"
window.parent.frames[2].document.getElementsByTagName("table")[0]
.appendChild(tr);
}
</script>
</head>
<body>
<form name="form1" onsubmit="check()">
姓名：<input type="text" name="name"><br /> 年龄：<input
type="text" name="age"><br /> 性别：<input type="text"
name="sex"><input type="button" value="选择"
onclick="window.open('select.html')"> <input type="submit"
value="提交">
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title></head>
<body>
<select>
<option>-----请选择-----</option>
<option>男</option>
<option>女</option>
</select>
</body>
<script type="text/javascript">
var select = document.getElementsByTagName("select")[0];
select.onchange = function() {window.opener.document.form1.sex.value = this.options[this.selectedIndex].innerHTML;
window.close();
}
</script>
</html>

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航