CSSthinkcssHtml基础html教程CSS基础CSS入门CSS HackCSS模块特效CSS知答CSS培训CSS工具CSS技巧DIV+CSS

 

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">thinkcss</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.thinkcss.com/">thinkcss</option>
    </select>

</form>

form select范例效果如下:





试试选择点击下拉列表试试效果

返回 form select表单教程http://www.thinkcss.com/html/336.shtml
html select
select跳转菜单

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