获得Select的option当前点击的内容且提交到服务器？

jsp部分内容：

<!--所在城市-->
        		<!-- 把select的name属性去掉，加两个input 加上name属性
        			用jquery获取当前点击的option值
点击提交时会将有name属性值的input提交上去
在jquery里面  为input name="shen" 设置value值，该value值就是当前点击的省，服务器可以拿到这些value值

        		-->
        		<input type="hidden" name="shen"/>
        		<input type="hidden" name="shi"/>
<div class="address">
        <label id="zaicity">所在城市</label>
        	<div id="shenDiv">
        		<select id="province" class="form-control" aria-required="true">
        		   <option value="${auctionPro.shen }">省/直辖市</option>
        		   <option >其他</option>
        		</select>
        	</div>
        	<div id="shiDiv">
        			<select id="city" class="form-control" aria-required="true">
        				<option value="${auctionPro.shi }">市/县/区</option>            			     </select>
         </div>
</div>

jquery内容

$("#province").change(function(){
            
        
                index=$(this).val()-1;  //获取当前省的下标
                shen = pro[index];
                
                /*  为input name="shen" 设置value值*/
                $("input[name=shen]").val(shen);
                /* 选了省不一定选了市，所以市的value要清空 */
                $("input[name=shi]").val("");
            				    
                $("#city").prop("length",1);  //清空原有的数据
                for(var i=0;i<city[index].length;i++){//重新为市赋值
                
                    $("#city").append($("<option>").val(i+1).html(city[index][i]));
                    
                 
                }
            });
//为市下拉列表绑定change事件
            $("#city").change(function(){
                var cindex=$(this).val()-1;  //获取当前省的下标
               shi = city[index][cindex];
               
                /*  为input name="shi" 设置value值*/
               $("input[name=shi]").val(shi);
               
                                     
            });   

1.补充内容（Form表单元素有如下12个）
文本类：
文本框    <input type = "text" />
密码框    <input type = "password" />
隐藏域    <input type = "hidden" />
文本域    <textarea></textarea>
 
按钮类：
普通按钮  <input type = "button" value  = "text" />
提交按钮  <input type = "submit" value = "提交" />
重置按钮  <input type = "reset" value = "重置" />
图片按钮  <input type = "image" />
 
选择类：
<input type = "radio" value = "1" id = "ra1">
<label for = "ra1">男</label> 
<input type = "checkbox" value = "" id = ""><label  for = ""></label>
<select>
      <option vale = "1"></option>
</select>
<input type = "file" />

当元素的值发生改变时，会发生 change 事件。
该事件仅适用于文本域（text field），以及 textarea 和 select 元素。当用于 select 元素时，change 事件会在选择某个选项时发生。当用于 text field 或 text area 时，该事件会在元素失去焦点时发生。
推荐网站：http://jquery.cuishifeng.cn/change.html