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

jquery選擇select下拉式選單option項目觸發事件

高洛峰
發布： 2016-12-15 16:14:30
原創
1826 人瀏覽過

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>
登入後複製

上面的程式碼選取出去第一項以外的所以選項都可以把value值寫入div中。


更多 jquery選擇select下拉選單option項目觸發事件相關文章請關注PHP中文網！


相關標籤：
jquery select下拉菜单
來源：php.cn
上一篇：一個jQuery下拉選單，程式碼簡單 下一篇：jQuery 下拉式選單操作總結
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
在導覽列中居中顯示下拉式選單 我製作了這個CSS/HTML。 .navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.navbara...
來自於 2024-04-04 18:24:52
0
1
338
個性化 Select2 Dropdown 的外觀 在我看來，我使用select2Combobox作為我的下拉式選單。在這裡，當Country選擇更改時，我將該選定的id傳遞給JSON結果並取得結果，並分配給省份組合方塊。發生這種情...
來自於 2024-04-03 11:27:22
0
1
338
我的 bootstrap 4 下拉選單不起作用，我不知道如何解決它 我對HTML非常陌生，幾個小時以來我一直在努力讓我的下拉式選單正常運作。我搜索了許多面臨類似問題的帖子，但仍然找不到並解決問題。我不確定問題是否也是由我的腳本引起的<link...
來自於 2024-04-02 18:12:59
0
1
283
確保下拉清單始終顯示在其父項的頂部，位置：相對 我正在嘗試實現如下所示的目標。容器包含一組下拉列表，點擊時將啟動下拉式選單，並且下拉式選單位於每個父級的頂部。面臨的問題：我現在遇到的問題是下拉式選單隱藏在容器內，而不是出現在父等...
來自於 2024-04-01 18:43:16
0
1
316
Vue：下拉式選單轉換以及如何切換另一個元素的類 我得到了這個（非常簡單）：<divclass="dropdownMenuWrapper"><ulclass="dropdownMen...
來自於 2024-03-31 21:34:34
0
1
370
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！