![](https://iknow-base.cdn.bcebos.com/lxb/notice.png)
select 下拉框选择改变action问题!!!!!
<formaction="<%=path%>/fycx?type=fycx"name="formAdd"method="post"><tablewidth="98%"al...
<form action="<%=path %>/fycx?type=fycx" name="formAdd" method="post">
<table width="98%" align="center" border="0" cellpadding="4" cellspacing="1" bgcolor="#CBD8AC" style="margin-bottom:8px">
<tr align='center' bgcolor="#FFFFFF" onMouseMove="javascript:this.bgColor='red';" onMouseOut="javascript:this.bgColor='#FFFFFF';" height="22">
<td width="25%" bgcolor="#FFFFFF" align="right">
请选择查询表单类型:
</td>
<td width="75%" bgcolor="#FFFFFF" align="left">
<select >
<option value="bdjtf">本地交通费</option>
<option value="ywzdf">业务招待费</option>
<option value="lpf">礼品费</option>
<option value="clf">差旅费</option>
<option value="zlf">资料费</option>
<option value="ysf">印刷费</option>
<option value="lbf">劳保费</option>
<option value="office">办公用品费</option>
<option value="txf">通讯费</option>
<option value="qt">其他费</option>
</select>
</td>
==============================
以上是部分代码
我想要达到的功能是,通过选择不同的选项,action也跟着变,谁会,麻烦高手了 展开
<table width="98%" align="center" border="0" cellpadding="4" cellspacing="1" bgcolor="#CBD8AC" style="margin-bottom:8px">
<tr align='center' bgcolor="#FFFFFF" onMouseMove="javascript:this.bgColor='red';" onMouseOut="javascript:this.bgColor='#FFFFFF';" height="22">
<td width="25%" bgcolor="#FFFFFF" align="right">
请选择查询表单类型:
</td>
<td width="75%" bgcolor="#FFFFFF" align="left">
<select >
<option value="bdjtf">本地交通费</option>
<option value="ywzdf">业务招待费</option>
<option value="lpf">礼品费</option>
<option value="clf">差旅费</option>
<option value="zlf">资料费</option>
<option value="ysf">印刷费</option>
<option value="lbf">劳保费</option>
<option value="office">办公用品费</option>
<option value="txf">通讯费</option>
<option value="qt">其他费</option>
</select>
</td>
==============================
以上是部分代码
我想要达到的功能是,通过选择不同的选项,action也跟着变,谁会,麻烦高手了 展开
2个回答
2012-05-21 · 知道合伙人互联网行家
关注
![](https://wyw-base.cdn.bcebos.com/pc-content/follow.gif)
展开全部
看下这段代码,应该能解决你的问题
<!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>
<!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>
展开全部
使用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>
<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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询