jsp中select标签的value总结

今天遇到一个问题，就是我觉得自己明明应该获取下拉框选项的value值，但是怎么都获取不到，不管选择哪个下拉框选项获取到的id都是1。
下面是我更正之前的代码

	<div class="layui-form">
				<div class="demoTable">
				  搜索ID：
				  <div class="layui-inline">
				    <select  name="PId" lay-verify="required">
						        <c:forEach items="${categorys}" var="c">
						        	<option id="demoReload" value="${c.id}"> ${c.name}</option>
						        </c:forEach>
				    </select>
				  </div>
				  <button id ="search_btn" class="layui-btn" data-type="reload">搜索</button>
				</div>
			</div>

单机搜索按钮之后会更新table表单。并传回下拉框选项的value值。

 $('#search_btn').on('click', function(){
			    
		      //刷新table，testReload是table的id
		      table.reload('testReload', {
		        page: {
		          curr: 1 //重新从第 1 页开始
		        }
		        ,where: {//附加的参数
		        	pId: $('#demoReload').val()
		        }
		      }, 'data');
		  });

上面的错误我找了好长时间也没有找到错误的原因，很难看出自己错在了哪里。
后来我经过查阅资料才知道，我需要获取的是select标签的value值，而不是select标签下option的value值，所以我更改了思路，将id=deomReload写到了select标签中。
更改如下
这样我们就行获取下拉框的value值，而不是option选项的value值了。