简体中文(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
原创
1827 人浏览过

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非常陌生，几个小时以来我一直在努力让我的下拉菜单正常工作。我搜索了许多面临类似问题的帖子，但仍然找不到并解决问题。我不确定问题是否也是由我的脚本引起的<linkr...
来自于 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学习者快速成长！