select 下拉框选择改变action问题!!!
发布网友
发布时间:2022-04-24 12:54
我来回答
共2个回答
热心网友
时间:2022-04-24 14:24
看下这段代码,应该能解决你的问题
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>test.html</title>
<script type="text/javascript">
function changeAction(){
//默认是login.action,当select改变时同时改变from的action属性
//我这里直接把列表的value赋值到form的action,你可以根据需要改改
var selectValue=document.getElementById('select').value;
document.forms[0].action=selectValue;
}
</script>
</head>
<body>
<form action="login.action" method="post">
<select id="select" onchange="changeAction();">
<option value="login.action" selected>login</option>
<option value="search.jsp">search</option>
<option value="index.html">index</option>
</select>
<input type="submit" value="提交"/>
</form>
</body>
</html>
热心网友
时间:2022-04-24 15:42
使用onchange 事件
<body>
<form action="<%=path %>/fycx?type=fycx" id="formAdd" name="formAdd" method="post">
<select id="xz" onchange="sel(this)">
<option value="lpf">礼品费</option>
<option value="clf">差旅费</option>
<option value="zlf">资料费</option>
<option value="ysf">印刷费</option>
</select>
</form>
<script>
function sel(e) {
var val = e.value;
var obj = document.getElementById("formAdd");
//判断为form赋新的地址
if(val == "zlf") {
obj.action = "zlf.action";
}
//输出form action
alert(obj.action);
}
</script>
</body>
根据上面的小例子,实现你的具体需求,good luck!~
</script>