很奇怪的问题! 不同的option全部显示在了一行。
不同的option全部显示在了一行
本来在select下面 有N个option 本来应该是下拉列表一行显示一个option
但是他们全部显示在一行
不知道我说清楚没
想要的效果是这样的
XXX
XXX
XXX
但是现在现实的效果是 XXX XXX XXX
或者前往 http://cart55free99.blog.163.com/album/#m=2&aid=214288281&pid=6611311124 查看问题的照片
通过firebug查看到的内容是
<select id="classId" multiple="multiple" name="classId">
<option value="class">---class---</option>
<html:option value="4"> A20802 </html:option>
<html:option value="3"> A20801 </html:option>
<html:option value="5"> A30801 </html:option>
<html:option value="6"> A30802 </html:option>
<html:option value="1"> A10801 </html:option>
<html:option value="2"> A10802 </html:option>
</select>
但是显示的效果就好像是这样的
<select id="classId" multiple="multiple" name="classId">
<option value="class">---class---</option>
<html:option value="4"> A20802 A20801 A30801 A30802 A10801 A10802 </html:option>
</select>
JS++++++++++++++++++++++++++++++++++++++++++++++++++++
var selectClass;
jQuery(function($) {
selectClass = $("select[name=classId]");
initClasses();
});
function initClasses() {
$.ajax( {
url : '../course.do',
type : 'post',
data : "m=getClassByTeaDept",
dataType : 'json',
success : function(data) {
for (i = 0; i < data.length; i++) {
alert(data[i].className);
$("<html:option value='"+ data[i].classId + "'> "+data[i].className +" </html:option>").appendTo(
selectClass);
}
},
error : function() {
alert("sorry1");
}
});
}
页面++++++++++++++++++++++++++++++++++++++++++++
<html:select property="classId" styleId="classId" multiple="true">
<html:option value="class">---class---</html:option>
</html:select>