JSP怎样实现联动下拉列表（在MYSQL中提取数据）
2个回答
展开全部
<script type="text/javascript"
src="${_currConText}/test/jquery.js"></script>
<script>
$(document).ready(
function() {
var obj = document.getElementById("typeid");
$("#type_id").append("<option value='1010'>全部分类</option>");
$.getJSON("${_currConText}/test/goodstype_select.jsp",
function(json) {
$.each(json, function(index, GoodsType) {
if (GoodsType.type_id == obj.value) {
$("#type_id").append(
"<option value='"+GoodsType.type_id+"' selected>"
+ GoodsType.type_name
+ "</option");
} else {
$("#type_id").append(
"<option value='"+GoodsType.type_id+"'>"
+ GoodsType.type_name
+ "</option");
}
});
});
});
</script>
<body>
<select id="type_id" name="type_id" ></select>
</body>
以上是jsp页面 可以动态从数据库取出数据加入到下拉列表中 并且默认为当前的下拉列表选中值
下面是goodstype_select.jsp
<jsp:useBean id="paramHelp" class="java.util.HashMap" scope="page">
<c:set target="${paramHelp}" property="status" value="1"></c:set>
</jsp:useBean>
<Sql:sqlSession.selectList stmt="GoodsType.getType" param="${paramHelp}"
var="goodsType" />
<util:listToJson var="jsonStr" list="${goodsType}" />
${jsonStr}
后面的sql不用写了吧？
src="${_currConText}/test/jquery.js"></script>
<script>
$(document).ready(
function() {
var obj = document.getElementById("typeid");
$("#type_id").append("<option value='1010'>全部分类</option>");
$.getJSON("${_currConText}/test/goodstype_select.jsp",
function(json) {
$.each(json, function(index, GoodsType) {
if (GoodsType.type_id == obj.value) {
$("#type_id").append(
"<option value='"+GoodsType.type_id+"' selected>"
+ GoodsType.type_name
+ "</option");
} else {
$("#type_id").append(
"<option value='"+GoodsType.type_id+"'>"
+ GoodsType.type_name
+ "</option");
}
});
});
});
</script>
<body>
<select id="type_id" name="type_id" ></select>
</body>
以上是jsp页面 可以动态从数据库取出数据加入到下拉列表中 并且默认为当前的下拉列表选中值
下面是goodstype_select.jsp
<jsp:useBean id="paramHelp" class="java.util.HashMap" scope="page">
<c:set target="${paramHelp}" property="status" value="1"></c:set>
</jsp:useBean>
<Sql:sqlSession.selectList stmt="GoodsType.getType" param="${paramHelp}"
var="goodsType" />
<util:listToJson var="jsonStr" list="${goodsType}" />
${jsonStr}
后面的sql不用写了吧？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
参考资料： http://hi.baidu.com/online_ghost/blog/item/c40fca29c43f593cd52af115.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
