菜鸟当家──HTML列表框标签例解

Author: Vitmum Date: 2001年 28期

?牐犃斜砜?<select>是HTML语言里常用的一个标签,完整了解它的应用有助于大家掌握HTML语言。
  ?牐犃斜砜虻幕居锓ㄊ牵?
  ?牐?<select name=><option> ...</select>
  ?牐犉渲械膐ption是出现在列表里的选项。它的写法是:
  ?牐?<option selected>...
  ?牐?<option value=**>...
  ?牐牨疚囊芯康挠τ檬鞘褂孟吕说ダ词迪忠趁嫣?
  ?牐燸28040701a^中演示的下拉菜单的原代码是:
  ?牐?<select name=fruits>
  ?牐?<option>Banana
  ?牐?<option selected>Apple
  ?牐?<option value=My_Favorite>Orange
  ?牐?</select>
  ?牐犎绾问迪痔兀慷韵吕说サ难≡裥枰绦蚶唇邮埽曰挂由?<form>跟<input type=submit>的帮助才行,现在我们可以得到这样的代码:
  ?牐?<form name=jump>
  ?牐?<select name=fruits>
  ?牐?<option>Banana
  ?牐?<option selected>Apple
  ?牐?<option value=My_Favorite>Orange
  ?牐?</select>
  ?牐?<input type=submit>
  ?牐?</form>
  ?牐犉涫得挥行碼ction的form也可以用,写action的作用是提交表单的内容可以指定某个后台的程序来接受页面用户填写的内容,而在这里我们用一个JavaScript就可以完成任务了,并不需要什么后台程序。
  ?牐犗旅婢褪亲龊玫难∠睢?
  ?牐?<form name="jump">
  ?牐?<select name=jump>
  ?牐?<option selected>选择页面</option>
  ?牐?<option value="1.htm">页面1</option>
  ?牐?<option value="2.htm">页面2</option>
  ?牐?</select>
  ?牐?<input type="button" value="GO" onclick="vitrumJump('jump','jump','_self');">
  ?牐?</form>
  ?牐?<script language="JavaScript">
  ?牐爁unction vitrumJump(formName,popupName,target){?? ??
  ?牐爒ar popup=document[formName].elements[popupName];?牔?
  ?牐爄f(popup.options[popup.selectedIndex].value!= ""){?? ??
  ?牐爓indow.open(popup.options[popup.selectedIndex].value,target);}}??
      </script>
  ?牐犖颐侵恍枰降囊趁娴刂犯痔畹秸庀罾锩婢涂梢粤恕?
  ?牐?<option value="地址.htm">页面名字</option>
  ?牐犛行巳さ呐笥芽梢宰邢秆芯恳幌隆?