JSP

首选最重要的就是js对前台页面的一些取值以及赋值了
JQUERY

1. 前端常用的一些时间函数
   (1)onclick:点击时触发的事件 (按钮最多)
   (2)onblur:失去焦点时触发的事件 (文本框比较多)
   (3)onchange:当元素内容改变时触发 (select下拉框用的比较多)
2. 普通取\赋值

==========
赋值:$("#name").val(“姓名”);

<input type='text' id='name' value='姓名'>

取值:var name = $("#name").val();

==========
赋值:
$("#name").text(“姓名”);
or
$("#name").html(“姓名”);

<span id="name">姓名</span>
<p id=name>姓名</p>
<textarea id="name">姓名</textarea>

var name = $("#name").text();
or
vav name = $("#name").html();

2.给标签添加或删除属性值 例如:hidden

<input type='text' id='name' value='姓名' hidden>

(1)  添加: $("#name").attr("hidden");
     删除: $("#name").removeAttr("hidden");
(2)  添加: $("#name").prop("hidden",true);
     删除: $("#name").prop("hidden",false);

下拉框
1.最简单的 静态select

<select id="id">
<option value="">-请选择-</option>
<option value="00">小红</option>
<option value="01" selected>小黄</option>
<option value="02">小绿</option>
</select>

JS中
取值:$("#id option:selected").val();

2.动态select List{“00”:“小红”,“01”:“小黄”,“02”:“小绿”}

(1)html中<select id="id"></select>
  js取值拼接 
  $("#id").append("<option value="key">value值</option>")
(2).如果是jsp页面,可以使用作用域,将需要展示的数据放到作用域中
request.setAttribute("selectList",list);(一般是controller层)

<select id="id">
<c:forEach items="${selectList}" var="ll">
    <option value="${ll.id}">${ll.name}</option>
</c:forEach>
</select>

3.根据数据库中的值来设置默认值 (一般用于修改界面带出对象信息的时候)
(1)

${数据库.value} 是从作用域中拿出的值

$("#id option[value='数据库中存放的值']").prop("selected",true);

(2)

<select id="id">
<c:forEach items="${selectList}" var="ll">
    <option value="${ll.id }" <c:if test="${数据库中的值==ll.id}">selected="selected"</c:if> >${ll.name }</option>
</c:forEach>
</select>

有写的不对的地方 还请指出…
Thanks♪(･ω･)ﾉ Thanks♪(･ω･)ﾉ Thanks♪(･ω･)ﾉ