jsp页面中的下拉列表

189 阅读 0 评论 125 点赞

我是靠谱客的博主精明唇彩，这篇文章主要介绍jsp页面中的下拉列表，现在分享给大家，希望可以做个参考。

在WEB开发过程中，我们经常遇到信息修改的功能需求。这时我们给用户提供一个JSP页面，展示出当前的信息并允许用户重新设置新值。

而在这个页面中，一般是少不了下拉列表的。至于它的处理方式，我以前想过一种，思路如下：在页面设置一个隐藏域，用于保存后台传递过来的值；然后在页面输出下拉列表，这时它的值是默认的，即第一项；在js代码段中获取隐藏域中的值并在循环中判断它是否等于下拉项的id值，如果相等就设置该项选中状态。因该方法过于繁琐。

下面是两种常用的处理方法。

方式一：

复制代码<select id="user_id" name="user_id">
   	<c:forEach items="${users}" var="u">
   	<option value="${u.id }" <c:if test="${user.user_id==u.id}"><c:out value="selected"></c:out></c:if>>
   	${u.name}
   	</option>
   	</c:forEach>
</select>1
2
3
4
5
6
7
<select id="user_id" name="user_id">
   	<c:forEach items="${users}" var="u">
   	<option value="${u.id }" <c:if test="${user.user_id==u.id}"><c:out value="selected"/></c:if>>
   	${u.name}
   	</option>
   	</c:forEach>
</select>
登录后复制

方式二：

复制代码<select id="projectPorperty" name="projectPorperty">
   	<option value="1">实施</option>
   	<option value="0">研发</option>
</select>
<script>
   	form.projectPorperty.value = '${user.projectPorperty}';
</script>1
2
3
4
5
6
7
<select id="projectPorperty" name="projectPorperty">
   	<option value="1">实施</option>
   	<option value="0">研发</option>
</select>
<script>
   	form.projectPorperty.value = '${user.projectPorperty}';
</script>
登录后复制

以上两种方式各有优缺，根据情况酌情选择吧！

以上就是jsp页面中的下拉列表的详细内容，更多请关注靠谱客其它相关文章！