zoukankan html css js c++ java

HTML--JS 获取选择框信息

 1 <!doctype html>
 2     <html lang="en">
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>获取选择框信息</title>
 6         <script language="javascript">
 7             function show(){
 8                 var name=document.myform.name.value;
 9                 alert(name);
10 
11                 var sex
12                 if(document.myform.sex[0].checked){
13                     sex=document.myform.sex[0].value;    
14                 }else{
15                     sex=document.myform.sex[1].value;
16                 }
17                 alert(sex);
18                 
19                 var hobby="";
20                 for(i=0;i<document.myform.interesting.length;i++){  //循环遍历
21                     if(document.myform.interesting[i].checked){  //判断是否被选中
22                         hobby+=document.myform.interesting[i].value+"、"  //选中加入hobby中
23                     }    
24                 }
25                 alert(hobby);
26 
27                 var area=document.myform.result.value;
28                 alert(area);
29             }
30 
31             function local(val){
32                 document.myform.result.value=val;
33             }
34 
35         </script>    
36 
37     </head>
38     <body>
39         <form action="#" method="post" name="myform">
40         姓名：
41         <input type="text" name="name"> <br/>
42         性别：
43         <input type="radio" name="sex" value="男" checked>男
44         <input type="radio" name="sex" value="女">女 <br/>
45         爱好：
46         <input type="checkbox" name="interesting" value="听音乐">听音乐
47         <input type="checkbox" name="interesting" value="看电影">看电影
48         <input type="checkbox" name="interesting" value="玩游戏">玩游戏
49         <input type="checkbox" name="interesting" value="看书">看书<br/>
50         地区：
51         <select name="area" onchange="local(this.value)"> <br/>
52             <option>=请选择=</option>
53             <option value="济南">济南</option>
54             <option value="青岛">青岛</option>
55             <option value="威海">威海</option>
56         </select>
57         <input type="text" name="result" readonly><br/>
58 
59         <input type="button" value="显示内容" onclick="show()">
60         
61         </form>
62     </body>
63 </html>

 1 <!doctype html>
 2     <html lang="en">
 3     <head>
 4         <meta charset="UTF-8">
 5         <title>获取选择框信息</title>
 6         <script language="javascript">
 7             function show(){
 8                 var name=document.myform.name.value;
 9                 alert(name);
10 
11                 var sex
12                 if(document.myform.sex[0].checked){
13                     sex=document.myform.sex[0].value;    
14                 }else{
15                     sex=document.myform.sex[1].value;
16                 }
17                 alert(sex);
18                 
19                 var hobby="";
20                 for(i=0;i<document.myform.interesting.length;i++){
21                     if(document.myform.interesting[i].checked){
22                         hobby+=document.myform.interesting[i].value+"、"
23                     }    
24                 }
25                 alert(hobby);
26 
27                 var area=document.myform.result.value;
28                 alert(area);
29             }
30 
31             function local(val){
32                 document.myform.result.value=val;
33             }
34 
35         </script>    
36 
37     </head>
38     <body>
39         <form action="#" method="post" name="myform">
40         姓名：
41         <input type="text" name="name"> <br/>
42         性别：
43         <input type="radio" name="sex" value="男" checked>男
44         <input type="radio" name="sex" value="女">女 <br/>
45         爱好：
46         <input type="checkbox" name="interesting" value="听音乐">听音乐
47         <input type="checkbox" name="interesting" value="看电影">看电影
48         <input type="checkbox" name="interesting" value="玩游戏">玩游戏
49         <input type="checkbox" name="interesting" value="看书">看书<br/>
50         地区：
51         <select name="area" onchange="local(this.value)"> <br/>
52             <option>=请选择=</option>
53             <option value="济南">济南</option>
54             <option value="青岛">青岛</option>
55             <option value="威海">威海</option>
56         </select>
57         <input type="text" name="result" readonly><br/>
58 
59         <input type="button" value="显示内容" onclick="show()">
60         
61         </form>
62     </body>
63 </html>

查看全文

相关阅读:
xshell5连接虚拟机的小问题处理
 centos下安装python的过程
 windows下安装配置redis
Mysql 插入修改报Incorrect string value: 'xE7xACxAC' for column 'DetectionResult' at row 1错误
 MD5 以key和iv保存 FormsAuthentication.HashPasswordForStoringInConfigFile过时的问题
 The user specified as a definer ('root'@'%') does not exist的解决方法
 C#判断字符串中包含某个字符的个数
 jquery easyui datagrid 在翻页以后仍能记录被选中的行及刷新设置选中行数据
 bat批处理删除多少天前的文件
 C# 获取系统字体方法

原文地址：https://www.cnblogs.com/liuyangv/p/7978903.html