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

jquery select select drop-down menu option item trigger event

高洛峰
Release： 2016-12-15 16:14:30
Original
1833 people have browsed it

The select drop-down menu option item triggered by jquery implements an event:
In many applications, selecting a select drop-down option will trigger an event and perform the corresponding operation.
The following is a code example to introduce how to use jquery to implement this function. The code is as follows: 

<!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>
Copy after login

The above code selects all options except the first item and writes the value into the div.


For more jquery selection select drop-down menu option items trigger events, please pay attention to the PHP Chinese website for related articles!


Related labels：
jquery select下拉菜单
source：php.cn
Previous article：A jQuery drop-down menu with simple code Next article：Summary of jQuery drop-down menu operations
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Center dropdown menu in navigation bar I made this CSS/HTML. .navbar{width:100%;background-color:rgb(151,44,44);overflow:auto;}.n...
From 2024-04-04 18:24:52
0
1
338
Personalize the look of Select2 Dropdown In my case, I'm using select2Combobox for my dropdown. Here, when the Country selection ch...
From 2024-04-03 11:27:22
0
1
338
My bootstrap 4 dropdown is not working and I don't know how to fix it I'm very new to HTML and I've been trying for hours to get my dropdown menu to work. I sea...
From 2024-04-02 18:12:59
0
1
283
Make sure the dropdown always appears on top of its parent, position: relative I'm trying to achieve something like below. The container contains a set of dropdowns that...
From 2024-04-01 18:43:16
0
1
316
Vue: Dropdown menu transition and how to switch the class of another element I got this (very simple): <divclass="dropdownMenuWrapper"><ulclass=&quo...
From 2024-03-31 21:34:34
0
1
370
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！