当前位置: 代码迷 >> Java Web开发 >> jquery- ui ajax 下拉列表框解决思路
  详细解决方案

jquery- ui ajax 下拉列表框解决思路

热度:1870   发布时间:2013-02-25 21:22:31.0
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);
})
});

//这是插入后在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">炒菜&amp;烧菜</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
  相关解决方案