在jQuery中實作標籤子元素的新增與賦值方法

下面我就為大家分享一篇jQuery實作標籤子元素的添加與賦值方法，具有很好的參考價值，希望對大家有幫助。

一、在jsp頁面中定義標籤，如下：

<p>
<span>科室:</span>
<select class="dept-name-show" style="width: 70%;">
</select>
</p>

二、寫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);
}
}

四、實現效果如下：

#上面是我整理給大家的，希望今後對大家有幫助。

相關文章：

如何使用ngrok express解決微信介面偵錯問題

如何使用element-ui表格實作儲存格可編輯

在element ui裡如何使dialog關閉後清除驗證

#

以上是在jQuery中實作標籤子元素的新增與賦值方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：

jquery 元素 添加

來源：php.cn

上一篇：在jQuery中如何改變P標籤文字值 下一篇：透過在js動態中建立標籤,並設定屬性方法（詳細教學）

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章

• 在weebox中有關彈出視窗不居中問題
  2018-06-23 18:19:43
• 在vue+canvas中有關excel-like元件如何使用
  2018-06-23 18:17:39
• 在JavaScript中有關class如何調用
  2018-06-23 18:11:37
• 使用Vue框架如何實現上拉刷新功能
  2018-06-23 18:10:14
• 使用Vue行動端如何實現圖片裁切組件
  2018-06-23 18:06:43
• 有關微信小程式模板和模組化用法（詳細教程）
  2018-06-23 18:04:28
• 在vue2中如何實現上拉載入功能
  2018-06-23 18:02:45
• 使用Vue2如何實現三級連動
  2018-06-23 18:00:45
• 在vue2中如何實作資料請求顯示loading圖
  2018-06-23 17:58:23
• 使用元素全螢幕如何做到設定與監聽
  2018-06-23 17:56:41

最新問題

使用 Javascript / Jquery 提交表單且不含按鈕 我試圖透過呼叫JavaScript函數並使用JQUERY/PHP執行表單來提交沒有按鈕的表單。我希望表單在後端靜默執行，而無需重新載入頁面。不幸的是，它不斷傳回JavaScript...

來自於 2024-04-06 14:54:03

0

2

421

如何使用 jquery 檢索 HTML 資料表中未選定行的值 我試圖獲取所有未單擊按鈕的行的值。例如，當我單擊第一行上的按鈕時，我想檢索沒有單擊的行的值。 vartable=document.getElementById("all_...

來自於 2024-04-05 09:26:49

0

1

1418

需要一個 jquery 腳本，根據最終用戶的當前選擇從選擇框中移動選定的選項 我有一個HTML頁面，最終用戶可以透過選擇框元素對我們的項目進行排名。請參閱小提琴來觀看簡單的演示：https://jsfiddle.net/Balkanlii/ghecv1j8/...

來自於 2024-04-04 18:40:04

0

1

3528

我已經透過書籤在純 CSS 中創建了一個元素。它已創建，但不可見 我的程式碼如下：g=document.createElement('div');g.setAttribute("id","divcontainer&q...

來自於 2024-04-04 17:27:27

0

1

417

在 Safari/Firefox iOS 上無法傳送表單數據 這適用於除iOS上的Safari/Firefox之外的所有平台：jQuery("#gform_1").one('submit',function(event){...

來自於 2024-04-04 12:53:48

0

1

303

相關專題

更多>

• jquery插件有哪些
• Java怎麼求陣列元素的最大和最小值
• jquery怎麼操作json
• jquery刪除元素的方法
• jQuery hover()方法的使用
• jquery實作分頁方法
• jquery中隱藏元素是什麼
• jquery中什麼是高亮顯示

熱門推薦

• js是什麼意思
• js怎麼將字串轉為陣列？
• javascript如何刷新頁面
• js數組怎麼刪除某一項
• sqrt函數怎麼使用

熱門教學

更多>

相關教學

熱門推薦

最新課程

• 
  最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)

  1417202
• 
  php入門教程之一週學會PHP

  4258074
• 
  JAVA 初級入門影片教學

  2478708
• 
  小甲魚零基礎入門學習Python影片教學

  504072
• 
  PHP 零基礎入門教學

  844305

• 
  最新ThinkPHP 5.1全球首發影片教學(60天成就PHP大牛線上訓練課程)

  1417202次學習
• 
  JAVA 初級入門影片教學

  2478708次學習
• 
  小甲魚零基礎入門學習Python影片教學

  504072次學習
• 
  Web前端開發極速入門

  215304次學習
• 
  零基礎精通 PS 影片教學

  877813次學習

• 
  【web前端】Node.js快速入門

  6438次學習
• 
  國外Web開發全端課程全集

  5060次學習
• 
  Go語言實戰之 GraphQL

  4260次學習
• 
  550W粉絲大佬手把手從零學JavaScript

  633次學習
• 
  python大神Mosh，零基礎小白6小時完全入門

  21629次學習

最新下載

更多>

網站特效

網站源碼

網站素材

前端模板

• [表單按鈕] jQuery企業留言表單聯絡程式碼
• [播放器特效] HTML5 MP3音樂盒播放特效
• [選單導航] HTML5酷炫粒子動畫導覽選單特效
• [表單按鈕] jQuery可視化表單拖曳編輯程式碼
• [播放器特效] VUE.JS仿酷狗音樂播放器代碼
• [html5特效] 經典html5推箱子小遊戲
• [圖片特效] jQuery滾動添加或減少圖片特效
• [相簿特效] CSS3個人相簿封面懸停放大特效

• [前端模板] 家居裝潢清潔維修服務公司網站模板
• [前端模板] 清新配色個人求職履歷引導頁模板
• [前端模板] 設計師創意求職履歷網頁模板
• [前端模板] 現代工程建築公司網站模板
• [前端模板] 教育服務機構響應式HTML5模板
• [前端模板] 網上電子書店商城網站模板
• [前端模板] IT技術解決互聯網公司網站模板
• [前端模板] 紫色風格外匯交易服務網站模板

• [PNG素材] 可愛的夏天元素向量素材(EPS+PNG)
• [PNG素材] 四個紅色的 2023 畢業徽章的向量素材(AI+EPS+PNG)
• [banner圖] 唱歌的小鳥和裝滿花朵的推車設計春天banner向量素材(AI+EPS)
• [PNG素材] 金色的畢業帽向量素材(EPS+PNG)
• [PNG素材] 黑白風格的山脈圖示向量素材(EPS+PNG)
• [PNG素材] 不同顏色披風和不同姿勢的超級英雄剪影向量素材(EPS+PNG)
• [banner圖] 扁平風格的植樹節banner向量素材(AI+EPS)
• [PNG素材] 九種漫畫風格的爆炸聊天氣泡向量素材(EPS+PNG)

• [前端模板] 家居裝潢清潔維修服務公司網站模板
• [前端模板] 清新配色個人求職履歷引導頁模板
• [前端模板] 設計師創意求職履歷網頁模板
• [前端模板] 現代工程建築公司網站模板
• [前端模板] 教育服務機構響應式HTML5模板
• [前端模板] 網上電子書店商城網站模板
• [前端模板] IT技術解決互聯網公司網站模板
• [前端模板] 紫色風格外匯交易服務網站模板

關於我們 免責聲明 Sitemap

PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！