CSSthinkcss:Html基础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="//www.css5.com.cn/">thinkcss</option>
<option value="//www.css5.com.cn/">thinkcss</option>
</select>
</form>
form select范例效果如下:
返回 form select表单教程: www.css5.com.cn/html/336.shtml
html select
select跳转菜单
thinkcss提示:查看本网页源代码,即可得到此案例HTML代码!
CSS教程网址:www.thinkcss.com