jquery模拟select控件

授权协议 GPL
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery表单及相关
软件类型 开源软件
地区 国产
投 递 者 百里星纬
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

今天公司的B2C平台需要一个一个小小的重构,其中有个货币菜单是原生的select下拉菜单,需要用可定义的 html来模拟,这个任务分给我啦。这也不是难事啦,用过div模拟,用一个隐藏文本域来接受传递的值就OK,国旗开始还想了下,后来换了个思路就迎刃而 解啦,灰常简单的实现,不过我又是用Jquery来实现的哦。不多废话啦,我直接贴代码了。这个我是基于jquery-1.6.2.min.js版本做 的。

  • 1. JQuery为select控件增加/移除事件: $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 $("#select_id").unbind("change");   //为Select移除选择改变事件 2. 获取选中项的相关属性:  var checkText=$("#select_id")

  •       因为业务需求,本人在工作中需要将select选择框变成可编辑可输入的。但浏览器默认的select是不能编辑的,也不能输入的。为了实现可编辑可输入的功能,本人使用jquery实现了和浏览器select类似的功能,并且可以编辑,可以输入。下载地址:https://codeload.github.com/feshy2013/jquery.editable-select/zip/master。

  •  自已开发的模拟select控件。实现了联想功能,并能很容易的组成及联下拉框。 废话少说,代码呈上。   代码下载地址:http://download.csdn.net/source/1779240   /**  * jquery.myselect.js  *  * @author jiamiao  */ (function($) {  $.fn.extend({   myselect : fun

  •  基于jQuery JavaScript Library v1.3.2 的单选模拟   (本文件是跟据 zhangjingwei 的Jquery Select(单选) 模拟插件 V1.3.4 修改而来的)    a. 修改的主要原因是,原来的zhangjingwei的模拟在显示方式上的问题。在跟文字交替出现时会出现错位。现将模拟DIV的display修改为inline方式。更自然的嵌入到文本行中。

  •   大家已经从实际使用中了解了jquery这个javascript框架的强大,其实jquery更加强大的是可扩展。你可以编写自己的基于jquery的插件,使你的代码功能更加简洁,也使程序员们更加轻松。。。 大家都知道在html中div和table是无法覆盖select和flash这样的window级别的元素,可是页面中我们不可能不使用浮动的div层,这样就导致用户体验不够好,一般情况下,我们会在显

  • JQuery获取和设置Select选项方法汇总如下: 获取select 先看看下面代码: $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text

  • 通过模拟下列框实现一个搜索框可以搜索多一个站点: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <t

  • 原文链接:jquery input 下拉框(模拟select控件)焦点事件 本章主要讲解如何实现select下拉列表可输入效果 ps:input提供输入,然后用ul去模拟一个select下拉列表效果即可,关键在于点击div之外的地方隐藏ul, 下面是html基本结构: <div class="input-box"> <input type="text" class="input" valu

  • <select id="ts" size="1"> <option value="1">1</option> <option value="2">Lorem ipsum dolor s.</option> <option value="3">3</option> <option value="3">4</option> <option value="3">5

  • 自己写的一个插件呵呵。有兴趣的大家可以扒下去看看。。。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

  • selectBoxIt控件可以用来代替简单的html5的<select>标签,使用很方便。 html代码如下: <script type="text/javascript"> jQuery(document).ready(function($) { $("#select-voyageedit").selectBoxIt(); }); </script> <select class="for

  • <select name="streetid" id="streetid"> <option value="4">北环路</option> <option value="5">天河路</option> <option value="6">清华园路</option> <option value="7">徐寨路</option> <option value="9

  • <!doctype html> <html> <head> <meta charset="UTF-8"> <title>Untitled Document</title> <script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script> <script type="text/javascript">

  • //遍历option和添加、移除option function changeShipMethod(shipping){ var len = $("select[@name=ISHIPTYPE] option").length if(shipping.value != "CA"){ $("select[@name=ISHIPTYPE] option").each(function(){

  • 刚开始遇到这玩意觉得很简单  以为加一行$('select').click()就好了,其实不是的    我这个原理是用点击穿透事件的  适用于你点击的div或者图片是覆盖在select上面的 废话少说贴代码吧 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/

  •  1 判断select选项中 是否存在Value="paraValue"的Item   2 向select选项中 加入一个Item   3从select选项中 删除一个Item   4删除select中选中的项   5修改select选项中 value="paraValue"的text为"paraText"   6设置select中text="paraText"的第一个Item为选中   7设置s

  • 一个JSP页面中要实现两个功能: 1、添加车辆,包括车牌号、驾驶员、载重和车辆状态; 2、在添加车辆表单下面列出所有车辆的信息,而且可以在该页面上直接修改,其中车辆状态要经常变动。我使用一个选择控件,默认显示该车辆的状态,需要修改的时候可以直接在上面选择其它状态,提交即可。 过去都是在JSP中直接写JAVA代码,要用<%%>,很麻烦,今天突然现想用JSTL实现,很简洁,具体如下: 1、页面头部 <

  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-T

  • <select> <option value ="3">请选择</option> <option value ="0">场内申报</option> <option value ="1">场外申报</option> </select> if(res.data.type == 0){ $("select option[value='0']").attr("selected",true);

 相关资料
  • 本文向大家介绍jQuery模拟select实现下拉菜单功能,包括了jQuery模拟select实现下拉菜单功能的使用技巧和注意事项,需要的朋友参考一下 用jquery模拟一淘上面的搜索下拉的功能,利用css3做箭头的动画效果。 JS代码: demo:(只有在高级的chrome及firefox下才能看到CSS3动画效果) 截个图: 代码: 以上就是本文的全部内容,希望能给大家一个参考,也希望大家多多

  • 本文向大家介绍通过BootStrap-select插件 js jQuery控制select属性变化,包括了通过BootStrap-select插件 js jQuery控制select属性变化的使用技巧和注意事项,需要的朋友参考一下 bootstrap-select我想大家都不陌生是一个前端下拉框的插件非常好用,在select的标签中设置属性可以做很多功能控制,不过初始化之后怎么去修改网上找遍中文英

  • 本节介绍与jQuery Framework相关的各种模拟测试。 您可以在本地计算机上下载这些示例模拟测试,并在方便时离线解决。 每个模拟测试都提供一个模拟测试密钥,让您自己验证最终得分和评分。 jQuery Mock Test I 问题1 - 关于jQuery,以下哪项是正确的? A - jQuery是一个快速而简洁的JavaScript库,由John Resig在2006年创建,有一个很好的座右

  • 本文向大家介绍jquery使用ul模拟select实现表单美化的方法,包括了jquery使用ul模拟select实现表单美化的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了jquery使用ul模拟select实现表单美化的方法。分享给大家供大家参考。具体如下: 这里使用jquery实现ul模拟select,是jQuery插件实现的Select下拉菜单效果,类似的功能网上已经有一些了,

  • 本文向大家介绍js+CSS实现模拟华丽的select控件下拉菜单效果,包括了js+CSS实现模拟华丽的select控件下拉菜单效果的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js+CSS实现模拟select控件的下拉菜单效果。分享给大家供大家参考。具体如下: 这是一个JS+CSS技术实现的Select控件效果,模拟出来的,比默认的Select更漂亮,有了这个模板,你修改Select就更

  • 问题内容: 使用jQuery,如何在单击链接时模拟(触发?)KeyPress?例如,当用户单击以下链接时: 然后,通过单击链接,就好像他们按下了键盘上的“空格键”一样。 像这样,我假设: 关于如何实现这一目标的任何想法? 问题答案: jQuery的keypress事件旨在完成这种工作。您可以通过将字符串“keypress”传递给.trigger()来触发事件。但是,更具体地说,您实际上也可以传递j