jsp下拉框动态显示数据库的数据并选择某一个选项并停留在该选项

jsp下拉框动态显示数据库的数据并选择某一个选项并停留在该选项,第1张

进到页面时,将上次你保存的数据取出来传过来。然后在加入判断 用这个值和下拉框的option value做比较 相同就设为selected 或者用jquery实现。

$(".selector").val("选中的值")

public ActionResult TestDropDownList()

{

List<SelectListItem>lists = new List<SelectListItem>()

lists.Add(new SelectListItem { Text = "001", Value = "111" })

lists.Add(new SelectListItem { Text = "002", Value = "222" })

lists.Add(new SelectListItem { Text = "003", Value = "333" })

lists.Add(new SelectListItem { Text = "004", Value = "444" })

ViewData["lists"] = lists

ViewData["selected"] = 444

ViewData["text"] = "CHLH"

return View()

}

========================

下拉框:

@Html.DropDownList("lists")

<br />

@Html.DropDownList("selected",ViewData["lists"] as IEnumerable<SelectListItem>)

================

关键还是lists吧!~

jsp中把数据库全量查询后填充select列表:

举例说明:

<table>

<tr>

<td width="400px" align="left">入学批次:<SELECT NAME="grade"

id="grade" onchange="refreshEduLevelAndSpecialAjax()"> //选择入学批次会刷新层次和专业

<OPTION VALUE="0">

--请选择--

<c:forEach items="${gradeInfo}" var="gradeInfo">

<OPTION VALUE="${gradeInfo.gradeName}">${gradeInfo.gradeName}

</c:forEach>

</SELECT></td>

<td width="400px" align="left">统考课程:<SELECT

NAME="uniExamCourseId" id="uniExamCourseId">

<OPTION VALUE="0">

--请选择--

<c:forEach items="${unifiedExamCourseList}" var="uniExamCourse">

<OPTION VALUE="${uniExamCourse.id}">${uniExamCourse.uniExamCourseName}

</c:forEach>

</SELECT></td>

</tr>

<tr>

<td colspan="2" id="refreshEduLevelAndSpecialAjax"> //设置ID,用于填充层次和专业的下拉框

<table>

<tr>

<td width="400" align="left">层 次:<SELECT

NAME="eduLevelId" id="eduLevelId"

onchange="refreshSpecialAjax()"> //选择层次后刷新专业

<OPTION VALUE="0">--请选择--</OPTION>

<c:forEach items="${educationLevel}" var="educationLevel">

<OPTION VALUE="${educationLevel.id}">${educationLevel.educationLevelName}

</c:forEach>

</SELECT></td>

<td width="400" align="left" id="refreshSpecialAjax">专业:<SELECT//设置ID,用于填充专业的下拉框

NAME="specialId" id="specialId">

<OPTION VALUE="0">--请选择--</OPTION>

<c:forEach items="${specialList}" var="special">

<OPTION VALUE="${special.id}">${special.specialName}

</c:forEach>

</SELECT></td>

</tr>

</table>

</td>

</tr>

</table>

java后台通过dao接口获取specialList的值,并且保存到session即可。


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/sjk/6759659.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-03-27
下一篇2023-03-27

发表评论

登录后才能评论

评论列表(0条)

    保存