jquery- ui ajax 下拉列表框
这是用jquery ui 只是按照设计的要求,把一些html标签的效果不能以正常css来实现的效果。
我在往页面填数据的时候遇到了问题,
问题描述:
当我选择课程类别下拉列表的时候触发以下函数,最后拼接成html代码插入到id为subCategory的下拉列表框中.
//这是触发函数
$("#category").change(function(){
$.post("classInfo/changeCategory.action",{categoryId:$("#category").val()},function(data){
var message = eval("("+data+")");
var html="<option>请选择</option>";
$.each(message[0],function(index,item){
html+="<option value='"+item.subcategoryId+"'>"+item.subcategory+"</option>";
})
$("#subCategory").html(html);
})
});
//这是插入后在firefox下看到的代码
<select aria-disabled="false" style="display: none;" title="Zone" id="subCategory" name="classInfo.classSubcategory.subcategoryId">
<option>请选择</option>
<option value="16">烘培</option>
<option value="17">炒菜&烧菜</option>
<option value="18">饮品</option>
<option value="19">其他</option>
</select>
<span><a aria-disabled="false" style="width: 30px;" aria-owns="subCategory-menu" aria-haspopup="true" tabindex="0" href="#nogo" role="button" id="subCategory-button" class="ui-selectmenu ui-widget ui-state-default ui-corner-all ui-selectmenu-dropdown">
<span class="ui-selectmenu-status"></span><span class="ui-selectmenu-icon ui-icon ui-icon-triangle-1-s"></span></a></span>
此时ajax返回的数据已经插入到了id为subCategory的下拉列表中,但是没有显示,我尝试着把id为subCategory的下拉列表框的display设置为block,但也没能显示。
我应该怎样设置..才能将插入到<select></select>标签里面的<option>显示。
[解决办法]
楼主能用Hibernate+Struts2吗??将数据库中的数据
1.配置完了后
2.后台封装实体,属性
3.JSP 页面应用:<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
4.在select中用循环:
<select name="名称">
<c:forEach items="${后台查询出的实体}" var="声明变量">
<option value="${声明变量.属性}">${声明变量.属性</option>
</c:forEach>
</select>
这样会好点
[解决办法]
var message = eval("("+data+")");
var html="<option>请选择</option>";
$.each(message[0],function(index,item){
html+="<option value='"+item.subcategoryId+"'>"+item.subcategory+"</option>";
})
这块有点奇怪。data是map还是list?
你参考一下我的博客
http://blog.csdn.net/iisgirl/article/details/7355815