form表单如何向servlet传递select里选中的值


1. Select向servlet传值

<form>
 <select name="TypeName">
      <option  selected="selected">==请选择==</option>
      <option value="医药制造业">医药制造业</option>
      <option value="计算机软件/硬件">计算机软件/硬件</option>
 </select>
<input value="提交" type="submit">
<form/>

如上图,后端该怎么接收单选框select选中的值呢?

根据name属性值即可接收,会接收到被选中里的value属性值,所以一定要设置value

后端代码:

//由于是中文,设置解码方式为utf-8
request.setCharacterEncoding("utf-8");
//获取选中的值
String TypeName = request.getParameter("TypeName");

2. Select下拉列表选择自动提交form表单数据

HTML代码:

<form action='__CONTROLLER__/index' method="get"  id="myform">
    <select onchange="submitForm();" name="appname"
        <option value="a">aaaaaa</option>
        <option value="b">bbbbbb</option>
    </select>
</form>

JS代码:

//表单提交
function submitForm(){
    
    
    var form = document.getElementById("myform");
    form.submit();
}

至此以上代码即可实现无需submit按钮即可提交选中的数据

猜你喜欢

转载自blog.csdn.net/qq_41071754/article/details/110038499
今日推荐