刚学javascript,又找不到好的全面的教材,只好来问大家了:
现在有一个下拉菜单,name:test,里面有若干项,如:"第一章 前言”,对应的值为"001",请问,如果选择了“第一章 前言”:
1、如何读出它对应的值
2、如何将该值转为字符型
3、如何读出该选项的文本,即“第一章 前言”
请各位高手指点!
---------------------------------------------------------------
1<form ....="" name="form1" onsubmit="return chkfrm(this)">
2<select name="test">
3<option></option>
4<option value="001">前言</option>
5</select>
6.....
7<script>
8function chkfrm(f)
9{
10alert(f.test.value);
11return false;
12}
13</script>
14\---------------------------------------------------------------
15
161、3。
17<select name="test">
18<option value="001">第一章 前言
19<option value="002">第二章 xx
20<option value="003">第三章 xx
21</option></option></option></select>
22<button onclick="alert('text:'+test.options[test.selectedIndex].text+'\nvalue:'+test.options[test.selectedIndex].value)">显示</button>
23
242。
25<script language="JavaScript">
26var a = 1;
27alert(typeof a)
28a+="";
29alert(typeof a)
30</script>
31\---------------------------------------------------------------
32
33如何将该值转为字符型: 本来就是字符型
34
35<form name="form1">
36<select name="test">
37<option value="">请选择</option>
38<option value="001">第一章 前言</option>
39</select>
40<input onclick="mm()" type="button" value="读出"/>
41</form>
42<script language="JavaScript"><!--
43function mm()
44{
45var e = document.form1.test;
46var s = "您选择的值 = "+ e.options[e.selectedIndex].value;
47s += "\r\n选择的文本 = "+ e.options[e.selectedIndex].text;
48alert(s);
49}
50//--></script>
51\---------------------------------------------------------------
52
53<html>
54<head>
55<script>
56function check(){
57var s=f1.d1.value+'.htm'
58//window.location.href=s
59alert(s)
60if(f1.d1.selectedIndex==1){alert("第一章 前言")}
61else if(f1.d1.selectedIndex==2){alert("第2章")}
62}
63</script>
64</head>
65<body>
66<form action="" method="POST" name="f1">
67<p>
68<select name="d1" onchange="check()" size="1">
69<option selected="">情选择章节</option>
70<option value="001">第一章 前言</option>
71<option value="002">第二章</option>
72<option value="003">第三章</option>
73</select><input name="B2" type="button" value="按钮"/></p>
74<p>
75</p>
76</form>
77</body>
78</html>
79
80\---------------------------------------------------------------
81
82<html>
83<head>
84<script>
85function check(){
86var s=f1.d1.value+'.htm'
87//window.location.href=s
88alert(s)
89str=f1.d1.options[f1.d1.selectedIndex].text
90alert(str)
91}
92</script>
93</head>
94<body>
95<form action="" method="POST" name="f1">
96<p>
97<select name="d1" onchange="check()" size="1">
98<option selected="">情选择章节</option>
99<option value="001">第一章 前言</option>
100<option value="002">第二章</option>
101<option value="003">第三章</option>
102</select><input name="B2" type="button" value="按钮"/></p>
103<p>
104</p>
105</form>
106</body>
107</html></form>