<在线等待>请教一个简单的问题!

刚学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>
Published At
Categories with Web编程
comments powered by Disqus