jQuery给子元素添加赋值步奏详解

这次给大家带来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);
}
}

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：

AngularJS实现用户修改密码功能

JS在移动端实现无限加载分页功能

Vue中v-cloak使用详解

Atas ialah kandungan terperinci jQuery给子元素添加赋值步奏详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：

jquery 详解 赋值

sumber：php.cn

Artikel sebelumnya：用jQuery实现广告滚动及淡入淡出 Artikel seterusnya：jquery.picsign组件使用详解

Kenyataan Laman Web ini

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel terbaru oleh pengarang

• 最新php程序员工具箱 v1.0版本介绍
  2018-06-11 11:57:34
• vue.js路由失效如何处理
  2018-06-15 15:55:18
• 怎样使用js解析数据库（附代码）
  2018-06-15 15:49:00
• 怎样在项目中使用js绑定DOM事件
  2018-06-15 15:46:15
• 怎样操作JS字符串与特殊字符
  2018-06-15 15:42:38
• 如何在项目中使用jQuery内each方法
  2018-06-15 15:40:34
• 如何利用jquery做出文件上传加载
  2018-06-15 15:39:32
• 怎样对JS原型与原型链进行使用
  2018-06-15 15:37:14
• Angular CLI+Angular 5实战项目演示
  2018-06-15 15:34:21
• 使用jQuery替换节点元素（附代码）
  2018-06-15 15:22:51

Isu terkini

Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...

daripada 2024-04-06 14:54:03

0

2

421

Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...

daripada 2024-04-05 09:26:49

0

1

1418

Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...

daripada 2024-04-04 18:40:04

0

1

3528

Saya telah mencipta elemen dalam CSS tulen melalui penanda halaman. Ia dicipta tetapi tidak kelihatan Kod saya adalah seperti berikut: g=document.createElement('div');g.setAttribute("id&q...

daripada 2024-04-04 17:27:27

0

1

417

Tidak dapat menghantar data borang pada iOS Safari/Firefox Ini berfungsi pada semua platform kecuali Safari/Firefox pada iOS: jQuery("#gform_1&q...

daripada 2024-04-04 12:53:48

0

1

303

Topik-topik yang berkaitan

Lagi>

• Apakah pemalam jquery?
• Bagaimana untuk mengendalikan json dengan jquery
• Bagaimana untuk memadam elemen dalam jquery
• Penggunaan kaedah jQuery hover().
• jquery melaksanakan kaedah paging
• Kaedah penugasan tatasusunan rentetan
• Apakah elemen tersembunyi dalam jquery
• Apa yang ditonjolkan dalam jquery

Cadangan popular

• apa maksud js
• js怎么将字符串转为数组？
• javascript如何刷新页面
• js数组怎么删除某一项
• sqrt函数怎么使用

Tutorial Popular

Lagi>

Tutorial berkaitan

Cadangan popular

Kursus terkini

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1417313
• 
  Tutorial pengenalan PHP satu: Belajar PHP dalam satu minggu

  4258303
• 
  Tutorial Video Permulaan JAVA

  2478927
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  504086
• 
  Tutorial pengenalan berasaskan sifar PHP

  844324

• 
  Tutorial video perdana dunia ThinkPHP 5.1 terkini (60 hari untuk menjadi kursus latihan dalam talian pakar PHP)

  1417313 kali belajar
• 
  Tutorial Video Permulaan JAVA

  2478927 kali belajar
• 
  Pengenalan berasaskan sifar Little Turtle untuk mempelajari tutorial video Python

  504086 kali belajar
• 
  Pengenalan pantas kepada pembangunan bahagian hadapan web

  215314 kali belajar
• 
  Kuasai tutorial video PS dari awal

  877874 kali belajar

• 
  [Web front-end] Permulaan pantas Node.js

  6457 kali belajar
• 
  Koleksi lengkap kursus timbunan penuh pembangunan web asing

  5076 kali belajar
• 
  Gunakan GraphQL praktikal bahasa

  4262 kali belajar
• 
  Master kipas 550W mempelajari JavaScript dari awal langkah demi langkah

  634 kali belajar
• 
  Sarjana Python Mosh, seorang pemula dengan pengetahuan asas sifar boleh bermula dalam masa 6 jam

  21712 kali belajar

Muat turun terkini

Lagi>

kesan web

Kod sumber laman web

Bahan laman web

Templat hujung hadapan

• [butang borang] kod hubungan borang mesej perusahaan jQuery
• [Kesan khas pemain] Kesan main balik kotak muzik MP3 HTML5
• [Navigasi menu] HTML5 kesan khas menu navigasi animasi zarah sejuk
• [butang borang] jQuery bentuk visual seret dan lepas kod penyuntingan
• [Kesan khas pemain] Kod pemain muzik Kugou tiruan VUE.JS
• [kesan khas html5] Permainan kotak menolak html5 klasik
• [Gambar kesan khas] menatal jQuery untuk menambah atau mengurangkan kesan imej
• [Kesan album foto] Kesan zum hover kulit album peribadi CSS3

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

• [bahan PNG] Bahan vektor elemen musim panas yang comel (EPS+PNG)
• [bahan PNG] Empat bahan vektor lencana tamat pengajian 2023 merah (AI+EPS+PNG)
• [gambar sepanduk] Burung nyanyian dan troli diisi dengan bahan vektor sepanduk musim bunga reka bentuk bunga (AI+EPS)
• [bahan PNG] Bahan vektor topi pengijazahan emas (EPS+PNG)
• [bahan PNG] Bahan vektor ikon gunung gaya hitam putih (EPS+PNG)
• [bahan PNG] Bahan vektor siluet superhero (EPS+PNG) dengan jubah warna yang berbeza dan pose yang berbeza
• [gambar sepanduk] Bahan vektor sepanduk Hari Arbor gaya rata (AI+EPS)
• [bahan PNG] Sembilan bahan vektor buih sembang meletup gaya komik (EPS+PNG)

• [Templat bahagian hadapan] Templat Laman Web Syarikat Pembersihan dan Pembaikan Hiasan Rumah
• [Templat bahagian hadapan] Templat halaman panduan resume peribadi berwarna segar
• [Templat bahagian hadapan] Templat Web Resume Kerja Kreatif Pereka
• [Templat bahagian hadapan] Templat laman web syarikat pembinaan kejuruteraan moden
• [Templat bahagian hadapan] Templat HTML5 responsif untuk institusi perkhidmatan pendidikan
• [Templat bahagian hadapan] Templat laman web pusat membeli-belah kedai e-buku dalam talian
• [Templat bahagian hadapan] Teknologi IT menyelesaikan templat tapak web syarikat Internet
• [Templat bahagian hadapan] Templat laman web perkhidmatan perdagangan pertukaran asing gaya ungu

Tentang kita Penafian Sitemap

Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！