这是用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>显示。
问题描述:
当我选择课程类别下拉列表的时候触发以下函数,最后拼接成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>显示。
解决方案 »
- 福娃免费空间
- java实例化问题..
- sql server 每天定时更新数据库
- 如何从网页源代码中获取某一字符串或其他东西
- [Microsoft][ODBC 驱动程序管理器] 无效的游标状态 错误
- 请教大家一个编码的问题,我的网站首页是GBK的编码,但是我上传到空间后,默认编码就改成了UTF-8。
- 我要租服务器搞网站-“可是现在IDC骗子公司特别多”-大家帮帮我好吗。
- 请教一内容显示的简单问题
- 怎么把一个<form>中的所有<input>和<textarea>的name与value取过来?
- 从那里可以下载APACHE,可以给完整的下载地址吗?
- struts2 response.sendRedirect页面跳转到action后再到页面url能吧项目名后面的参数去掉吗?
- 怎样用java制作自动生成word形式的安全报告
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 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