jQuery如何實現(xiàn)標簽子元素的添加和賦值方法

這篇文章主要介紹jQuery如何實現(xiàn)標簽子元素的添加和賦值方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

一、在jsp頁面中定義<select>標簽，如下：

<div>
<span>科室:</span>
<select class="dept-name-show" >
</select>
</div>

二、編寫js語句：

<script>
$(function () {
var dname = $(".dept-name-show").eq(0);//選定<select>標簽
var url = "${pageContext.request.contextPath}/getDepts.do";//請求路徑
$(".dept-name-show").click(function () {
$.get(
url,
function (res) {
var len = res.length;
var op = dname.children().length;
if (op < len) {
var pp = "<option></option>";
for (var i = 0; i < len; i++) {
dname.append(pp);
dname.children().eq(i).text(res[i].name);
}
}
}
)
})
})
</script>

三、編寫對應的請求語句：

List<Dept> deptList=null;
@RequestMapping(value = "/getDepts",method = {RequestMethod.GET})
public void getDepts(HttpServletResponse response) throws IOException {
response.setCharacterEncoding("utf-8");
response.setContentType("text/json;charset=utf-8");
if (deptList == null){
deptList = deptService.findAllDepts();
}else {
String res=JSON.toJSONString(deptList);
response.getWriter().write(res);
}
}

四、實現(xiàn)效果如下：

jquery是什么

jquery是一個簡潔而快速的JavaScript庫，它具有獨特的鏈式語法和短小清晰的多功能接口、高效靈活的css選擇器，并且可對CSS選擇器進行擴展、擁有便捷的插件擴展機制和豐富的插件，是繼Prototype之后又一個優(yōu)秀的JavaScript代碼庫，能夠用于簡化事件處理、HTML文檔遍歷、Ajax交互和動畫，以便快速開發(fā)網站。

以上是“jQuery如何實現(xiàn)標簽子元素的添加和賦值方法”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業(yè)資訊頻道！