jsp动态往ul 里面添加 li 一直没反应

笑着飘走 2017-04-19 05:07:09



<script type="text/javascript" src="jquery-3.2.1.min.js"></script>



<script type="text/javascript">

	$(function() {

	alert("woaini");

	$("#edu_ul")

				.append(

						"<li class="tn-border-gray tn-border-bottom it-table-grid-header">");



		$(".edu_ul").append("<p class="tn-name">山西大学</p>");

		$(".edu_ul").append("<p class="tn-date">2001:10:21</p>");

		$(".edu_ul").append("<p class="tn-degree">学历</p>");

		$(".edu_ul").append("<p class="tn-fieldofstudy">专业</p>");



		$(".edu_ul").append("</li>");

	

		var ul=document.getElementById("edu_ul"); 



		var obj=document.createElement("li"); 



		obj.innerHTML="<a href='"+href+"'>"+23232323+"</a>"; 



		ul.appendChild(obj); 

	});

</script>



<div class="resume_title">

					<div style="float: left">教育经历</div>

					<div class="btn">

						<a href="applicant/resumeEducationAdd.jsp">添加</a>

					</div>

				</div>



				<div class="it-table-grid">

					<ul class="edu_ul" id="edu_ul">

						<li class="tn-border-gray tn-border-bottom it-table-grid-header">

							<p class="tn-name">毕业院校</p>

							<p class="tn-date">就读时间</p>

							<p class="tn-degree">学历</p>

							<p class="tn-fieldofstudy">专业</p>

						</li>

					</ul>

				</div>

这个是jsp的页面啊。

顺便问一下，我是用这种方法获得bean再添加到表格，怎么能获得一个集合，添加到上面那个 ul 里面。
<jsp:useBean id="eduinfo" class="com.qst.itoffer.bean.ResumeEduinfo"
scope="request"></jsp:useBean>
万分感谢。

...全文

795 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

chenlong9610 2017-04-20

打赏
举报

顶！！！！！！！！！！！双引号换成单引号。

笑着飘走 2017-04-19

打赏
举报

引用 11 楼 u014038116 的回复:

[quote=引用 7 楼 qq_29466963 的回复:] [quote=引用 2 楼 u014038116 的回复:] $("#edu_ul") .append( "<li class="tn-border-gray tn-border-bottom it-table-grid-header">");这一句没报错？你是用的servlet？那可以用request.getAttribute这种得到

这个是用 jsp页面，用 Jquery 想往 ul 里面添加 li .的时候没有成功。也咩有报错。耸耸肩[/quote] 我的意思是你可以在浏览器的控制台看下，看下有没有报错，你说连alert都没效果，那就更应该看下控制台了[/quote] 恩，大哥，确实有问题，好像 IE不支持，连打开 CSDN 调试都会出错。~~~~

笑着飘走 2017-04-19

打赏
举报

引用 10 楼 pany1209 的回复:

[quote=引用 8 楼 qq_29466963 的回复:] [quote=引用 5 楼 pany1209 的回复:] class属性的问题....。。。。在后台把集合request.setAttribute...在前台使用c:foreach标签循环出来

我查看了一下。 class属性没有高度的限制，不应该添加了不显示。


.it-table-grid ul {
padding-left: 7px;
}
.it-table-grid .it-table-grid-header {
color: #999;
}
.it-table-grid li {
line-height: 20px;
overflow: hidden;
line-height: 35px;
height: 35px;
color: rgb(102, 102, 102);
}

[/quote] 去掉你的所有class属性。。看有没有弹出来？？？[/quote] 去掉之后还是不行，控制台说对象不支持此属性。万分感谢，用list，c:foreach 成功了！

笑着飘走 2017-04-19

打赏
举报

引用 9 楼 Imsprojo2FAN 的回复:

[quote=引用 6 楼 qq_29466963 的回复:] [quote=引用 3 楼 Imsprojo2FAN 的回复:]

双引号改成单引号之后还是不行，不过看代码的颜色，修改这个肯定是必要的。我发现function里面的 alert();这个运行都没有结果。是因为eclipse 不支持 Jquery吗？你在下面说的 request.SetAttribute("",要存的数据) 这个我也用了，只是用在了单行哪里。不用foreach遍历。 <td bgcolor="#F8F8F8">${basicinfo.realName }</td> 这样就行了。继续谢谢。

[/quote] List 也可以放在Request里的 F12看下控制台有没有报错还有就是看下网络那里的响应有没有返回数据，该不会是jquery路径不对[/quote] 万分感谢，用list，c:foreach 成功了，不想看为啥之前的办法不行了。谢谢啊！

xiaovhao 2017-04-19

打赏
举报

引用 7 楼 qq_29466963 的回复:

[quote=引用 2 楼 u014038116 的回复:] $("#edu_ul") .append( "<li class="tn-border-gray tn-border-bottom it-table-grid-header">");这一句没报错？你是用的servlet？那可以用request.getAttribute这种得到

这个是用 jsp页面，用 Jquery 想往 ul 里面添加 li .的时候没有成功。也咩有报错。耸耸肩[/quote] 我的意思是你可以在浏览器的控制台看下，看下有没有报错，你说连alert都没效果，那就更应该看下控制台了

李德胜1995 2017-04-19

打赏
举报

引用 8 楼 qq_29466963 的回复:

[quote=引用 5 楼 pany1209 的回复:] class属性的问题....。。。。在后台把集合request.setAttribute...在前台使用c:foreach标签循环出来

我查看了一下。 class属性没有高度的限制，不应该添加了不显示。


.it-table-grid ul {
padding-left: 7px;
}
.it-table-grid .it-table-grid-header {
color: #999;
}
.it-table-grid li {
line-height: 20px;
overflow: hidden;
line-height: 35px;
height: 35px;
color: rgb(102, 102, 102);
}

[/quote] 去掉你的所有class属性。。看有没有弹出来？？？

imsprojo2FAN 2017-04-19

打赏
举报

引用 6 楼 qq_29466963 的回复:

[quote=引用 3 楼 Imsprojo2FAN 的回复:]

[/quote] List 也可以放在Request里的 F12看下控制台有没有报错还有就是看下网络那里的响应有没有返回数据，该不会是jquery路径不对

笑着飘走 2017-04-19

打赏
举报

引用 5 楼 pany1209 的回复:

class属性的问题....。。。。在后台把集合request.setAttribute...在前台使用c:foreach标签循环出来

我查看了一下。 class属性没有高度的限制，不应该添加了不显示。


.it-table-grid ul {
padding-left: 7px;
}
.it-table-grid .it-table-grid-header {
color: #999;
}
.it-table-grid li {
line-height: 20px;
overflow: hidden;
line-height: 35px;
height: 35px;
color: rgb(102, 102, 102);
}

笑着飘走 2017-04-19

打赏
举报

引用 2 楼 u014038116 的回复:

$("#edu_ul") .append( "<li class="tn-border-gray tn-border-bottom it-table-grid-header">");这一句没报错？你是用的servlet？那可以用request.getAttribute这种得到

这个是用 jsp页面，用 Jquery 想往 ul 里面添加 li .的时候没有成功。也咩有报错。耸耸肩

笑着飘走 2017-04-19

打赏
举报

引用 3 楼 Imsprojo2FAN 的回复:

双引号改成单引号之后还是不行，不过看代码的颜色，修改这个肯定是必要的。
我发现function里面的 alert();这个运行都没有结果。是因为eclipse 不支持 Jquery吗？

你在下面说的 request.SetAttribute("",要存的数据) 这个我也用了，只是用在了单行哪里。不用foreach遍历。
<td bgcolor="#F8F8F8">${basicinfo.realName }</td> 这样就行了。
继续谢谢。

李德胜1995 2017-04-19