select单击提交表单

Posted 2023-03-28

我好像见过一种选项框，选择以后不用点提交就自动跳到另一页面…那个怎么做的啊？

1、在html中定义一个form
2、在form中定义一个select下拉框
3、给下拉框绑定一个onchange事件
4、定义一个js函数处理onchange事件
5、在js函数中获取表单对象，利用form.submit()方法提交表单
示例：
<form id="myform" action="#" method='post'>
<select onchange="submitForm();">
<option value="">beijing</option>
<option value="">shanghai</option>
</select>
</form>

function submitForm()
//获取form表单对象
var form = document.getElementById("myform");
form.submit();//form表单提交

</script> 参考技术A <select class="selc" name="selpage" onChange="gotopage(this.options[this.selectedIndex].value)">
<%
for(int i=1;i<=totalpage;i++)
%>
<option value="<%=i%>"><%=i %></option>
<%


%></select> 下面是jsfunction gotopage(page)

<!-- 在这里获取select选中的参数,不过这里我用的是一个隐藏域接收，你可以自己定义一个值接收-->
document.all.pageId.value = page
<!-- 根据上面的那个值进行跳转 window.location=""或者跳转到一个action document.form1.action = "delNews?arry="+document.form1.id.value;--> document.form1.submit();
我这里是作分页用的，你可以更改下； 参考技术B 楼主想用啥编程？ 参考技术C 编程的时候对多选框进行编程,响应事件为select 参考技术D 这个东西在DW里面叫做跳转菜单，你可以直接用DW来生成 实际上它就是一般的下拉菜单加上JS