HTML select下拉列表标签
程序员文章站
2022-07-03 16:20:26
...
我们经常会用到下拉标签。
举个例子：
我们使用表单下拉列表选择数据，如省、市、县、年、月等数据，我们即可使用下拉菜单表单进行设置。
Form select语法与结构
<select name="select1">
<option value="0">www.baidu.com</option>
<option value="1">www.4399.com</option>
</select>
select 为下拉列表菜单标签
Option 为下拉列表数据标签
Value 为Option的数据值（用于数据的传值）
1 普通下拉列表菜单
<form action="" method="get"> www.baidu.com <label>1、普通下拉列表菜单</label> <select name=""> <option value="0">www.baidu.com</option> <option value="1">www.4399.com</option> </select> </form>
2 跳转下拉列表菜单（如常见点击后跳转到选择网站）
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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>
</head>
<body>
<form action="" method="get">
<label>2、跳转的下拉列表菜单</label>
<select name="jumpMenu" id="jumpMenu"
onchange="MM_jumpMenu('parent',this,0)">
<option value="http://www.baidu.com/">百度</option>
<option value="http://www.4399.com/">4399游戏</option>
</select>
</form>
</body>
</html>
上一篇： Jquery几种书写格式