简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > php教程 > PHP开发 > teks badan

jquery选择select下拉菜单option项触发事件

高洛峰
Lepaskan： 2016-12-15 16:14:30
asal
1826 orang telah melayarinya

jquery实现的选择select下拉菜单option项触发事件:
在很多应用中，选中一个select下拉选项就会触发一个事件，执行相应的操作。
下面就通过代码实例介绍一下如何利用jquery实现此功能，代码如下:

<!DOCTYPE html><html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function () { 
  $("#sel").bind("change",function(){ 
    if($(this).val()==0){
      return; 
    } 
    else{
      $("#thediv").text($(this).val());
    } 
  }); 
});
</script> 
</head> 
<body>
<div id="thediv"></div>
<select id="sel">
  <option value="0">-请选择-</option> 
  <option value="1">蚂蚁部落一</option> 
  <option value="2">蚂蚁部落二</option> 
  <option value="3">蚂蚁部落三</option> 
  <option value="4">蚂蚁部落四</option> 
</select>
</body>
</html>
Salin selepas log masuk

上面的代码选中出去第一项以外的所以选项都可以把value值写入div中。


更多 jquery选择select下拉菜单option项触发事件相关文章请关注PHP中文网！


Label berkaitan：
jquery select下拉菜单
sumber：php.cn
Artikel sebelumnya：一个jQuery下拉菜单，代码简单 Artikel seterusnya： jQuery 下拉菜单操作总结
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
Isu terkini
Menu lungsur turun tengah dalam bar navigasi 我制作了这个CSS/HTML。.navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.navbara{...
daripada 2024-04-04 18:24:52
0
1
338
Peribadikan rupa Select2 Dropdown Dalam kes saya, saya menggunakan select2Combobox untuk menu lungsur saya. Di sini, apabila...
daripada 2024-04-03 11:27:22
0
1
338
Bootstrap 4 dropdown saya tidak berfungsi dan saya tidak tahu bagaimana untuk membetulkannya Saya sangat baru dengan HTML dan saya telah mencuba selama berjam-jam untuk membolehkan me...
daripada 2024-04-02 18:12:59
0
1
283
Pastikan dropdown sentiasa muncul di atas induknya, position: relative Saya cuba mencapai sesuatu seperti di bawah. Bekas mengandungi satu set lungsur turun yang...
daripada 2024-04-01 18:43:16
0
1
316
Vue: Peralihan menu lungsur turun dan cara menukar kelas elemen lain Saya mendapat ini (sangat mudah): <divclass="dropdownMenuWrapper"><ulcl...
daripada 2024-03-31 21:34:34
0
1
370
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！