JS之SELECT的VALUE作为BUTTON提交的参数

最新推荐文章于 2022-05-06 15:12:04 发布

原创最新推荐文章于 2022-05-06 15:12:04 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#JS #SELECT #VALUE #BUTTON

WEB前端专栏收录该内容

114 篇文章

订阅专栏

这是一个简单的网页应用，通过下拉菜单让用户选择不同的测试项目，并通过按钮提交选择，实现页面跳转到指定的测试项目页面。

<!DOCTYPE html>
<html>
<head>
<script language="javascript">
function aa(v){
 document.getElementById('hidden').value=v
}
function bb(){
 var txt=document.getElementById('hidden').value;
 location.href='./xx.php?tid='+txt;
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>请选择测试项目</title>
</head>
<body>
<select name="test" id="test" onChange="aa(this.value)">
   <option value="">请选择测试项目</option>
   <option value="1">1</option>
   <option value="2">2</option>
   </select>
<input id="hidden" type="hidden"><input name="confirm" onclick="bb();" type="button"  value="确 定" />
</body>
</html>