【jquery、XML】jquery通过按钮使打开select

 1 <select>
 2     <option>aaaaa</option>
 3     <option>bbbbb</option>
 4     <option>ccccc</option>
 5 </select>
 6 <button>button</button>
 7 <script>
 8     $.fn.openSelect = function() {
 9         return this.each(function(idx,domEl) {
10             if (document.createEvent) {
11                 var event = document.createEvent("MouseEvents");
12                 event.initMouseEvent("mousedown", true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
13                 domEl.dispatchEvent(event);
14             } else if (element.fireEvent) {
15                 domEl.fireEvent("onmousedown");
16             }
17         });
18     }
19     $(‘button‘).on(‘click‘, function() {
20         $(‘select‘).openSelect();
21     });
22 </script>

该处用到了XML的【XML】document.createEvent的使用方法

时间: 2024-08-27 22:04:35

【jquery、XML】jquery通过按钮使打开select的相关文章

JQUERY实现点击INPUT使光标移动到最后或指定位置

下面本文章给大家简单介绍一下JQUERY实现点击INPUT使光标移动到最后或指定位置例子,希望对各位有帮助,你要知道面对一个 处女座的 需求者, focus()是远远不够的,比如说“我点进去的时候光标要在最后,这样我就不用再把光标移动到最后去添加东西了.”,oh,让我先撞下墙. 我们需要扩展jQuery,代码如下: //光标放在最后 $("#文本框ID").textFocus();光标放在第二个字符后面 $("#文本框ID").textFocus(2); (func

雷林鹏分享:jQuery EasyUI 菜单与按钮 - 创建菜单按钮

jQuery EasyUI 菜单与按钮 - 创建菜单按钮(Menu Button) 菜单按钮(Menu Button)包含一个按钮(button)和一个菜单(menu)组件,当点击或移动鼠标到按钮上,将显示一个对应的菜单. 为了定义一个菜单按钮(Menu Button),您应该定义一个链接按钮(Link Button)和一个菜单(menu),下面是一个实例: Edit Help Undo Redo Cut Copy Paste Delete Select All Help Update Abou

雷林鹏分享:jQuery EasyUI 菜单与按钮 - 创建分割按钮

jQuery EasyUI 菜单与按钮 - 创建分割按钮(Split Button) 分割按钮(Split Button)包含一个链接按钮(Link Button)和一个菜单(Menu).当用户点击或者鼠标悬停在向下箭头区域,将会显示一个对应的菜单.本实例演示了如何创建和使用分割按钮(Split Button). 我们创建一个分割按钮(Split Button)和一个链接按钮(Link Button): Edit Undo Redo Cut Copy Paste Open Firefox Int

JQuery + XML作为前后台数据交换格式实践

JQuery + xml作为前后台数据交换 JQuery提供良好的异步加载接口AJAX,可以局部更新页面数据, http://api.jquery.com/category/ajax/ xml作为一种轻量数据格式,被浏览器js引擎普遍支持,同json格式,但是没有json那么精简. 使用AJAX+xml数据格式来实现动态页面,有以下好处: 1. 松耦合, 页面HTML和数据彻底分离, 即表示层 和 数据层分开, 有利前台样式定制. 不同于以往后台脚本嵌套HTML标签,并输出数据到标签的合适位置,

jquery ajax 在submit按钮的click处理中应注意的地方

html文件: <form action="/index.php/welcome/personpost"> ................ <input type="submit" id="personsub"  value="提交" /> </form> js文件: $(document).ready(function() { $("#personsub").live

jquery实现点击按钮弹出层和点击空白处隐藏层

昨天做项目遇到一个问题,和大家分享下,jquery实现点击按钮弹出层和点击空白处隐藏层的问题 if($('.autoBtn').length){                $('.autoBtn').find('.assess').unbind().bind('click',function(event){                    //取消事件冒泡                      event.stopPropagation(); if($('.abtnBox').is

分享一款基于jquery的圆形动画按钮

之前为大家介绍过一款纯css3实现的圆形旋转分享按钮.今天要给大家带来一款基于jquery的圆形动画按钮.这款按钮鼠标经过的时候以边框转圈,然后逐渐消息,在实例中给出了四种颜色的demo.效果图如下: 在线预览   源码下载 实现的代码. html代码: <figure class='red'> <div class='icon'> i</div> <div class='circle'> </div> </figure> <f

JQuery与IE6的兼容问题之&lt;Select&gt;

原文地址:http://hi.baidu.com/fengbaobao/item/403cf90be03ba131a2332ac2 在IE7,FF下页面经常会用如下语句对一个Select列表选择其中的值,但是该JQuery语句IE6不支持, $("#CarTrimSeries").get(0).value = '<%=seriesId %>'; $("#CarTrimSeries").attr("value",'<%=serie

jquery 获取下拉框值与select text

下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. 下面先介绍了很多jquery获取select属性的方法,同时后面的实例我们讲的是jquery 获取下拉框值与select text代码. jquery获取select选择的文本与值 获取select : 获取select 选中的 text : $("#ddlregtype").find("option:selected").tex