HTML form select表单标签案例代码如下:


放在head头部标签内的JS脚本代码:
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>

body内html标签代码:
<form action="" method="get">
    <label>1、普通下拉列表菜单</label>
    <select name="">
        <option value="0">ThinkCSS</option>
        <option value="1">DIVCSS5</option>
    </select><br />

    <label>2、跳转的下拉列表菜单</label>
    <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
        <option value="http://www.thinkcss.com/">ThinkCSS</option>
        <option value="http://www.divcss5.com/">DIVCSS5</option>
    </select>

</form>

form select范例效果如下:


返回 form select表单教程http://www.thinkcss.com/view/a23.html

ThinkCSS提示:查看本网页源代码,即可得到此案例HTML代码!
CSS教程网址:www.ThinkCSS.com