jQuery select的操作实现代码

jQuery select的操作实现代码的相关文章

• 
  jquery select操作的日期联动实现代码

  标签：Web开发

  Jquery的选择器很强大，对select的options对象添加的时候我找了老半天才找到 代码如下: /**//* 文件名:jquery.liu.select.js 功能说明:本js文件为jquery类库的一个插件,主要实现对select的操作. 作者:John Liu 编写日期:2008/03/12 */ //得到select项的个数 jQuery.fn.size = function() { return jQuery(this).get(0).options.length; } //获得选中项的索引 jQuery.fn.getSelectedIndex = fu...[ 查看全文 ]

  Corery1

  301
• 
  Jquery操作radio,checkbox,select表单操作实现代码

  标签：Web开发

  一 、Select jQuery获取Select选择的Text和Value: 1. $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text 3. var checkValue=$("#select_id").val(); //获取Select选择的Value 4. var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值...[ 查看全文 ]

  我叫小团团

  171
• 
  jquery text,radio,checkbox,select操作实现代码

  标签：Web开发

  控制表单元素： 文本框,文本区域： $("#txt").attr("value")或者$("#txt").val()//获取值 $("#txt").attr("value",'');//清空内容 $("#txt").attr("value",'11');//填充内容 多选框checkbox： $("#checkbox_id").attr("value")或者$("#checkbox_id").val();//获取值 $("#chk1").attr("checked",'');//不打勾 $("#chk2").attr("checked",true);//打勾 if($("#chk1").attr('checked')) //判断是否已...[ 查看全文 ]

  爱你2012周莉

  01
• 
  jquery下操作HTML控件的实现代码

  标签：Web开发

  操作下拉框[Select] 1. $("#seelctId").append("option value='"+optionval+"'"+text+"/option");//给下拉框增加 一下option选项 (ddlSayTo这是下拉框的ID) $("#seelctId").val(optionval);//选中刚才增加的option 2. $("#seelctId option:selected").text();//得到当前选中的选项的文本值 $("#seelctId").val();//得到当前选中的选项的option值 [ 查看全文 ]

  白领励志

  21
• 
  基于jquery用于查询操作的实现代码

  标签：Web开发

  打包下载 一.本文干些啥： 通过javascript得到用户操作改变url参数从而实现某些功能，如查询(具体的查询由服务器端代码得到url中的参数组成查询语句实现)。 二.准备工作： 一个JQuery类库(我使用的版本为：1.3.2)，一个工具类库(Tool.js，基本都是网上搜索来的代码)，一个查询类库(Search.js，自己写的),一个htm页面（用来做练习），将这些js代码添加进页面htm页面。 htm页面 代码如下: !DOCT...[ 查看全文 ]

  liu_后花园

  51
• 
  jquery 分页控件实现代码

  标签：Web开发

  代码如下: !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 titlejquery分页控件/title script src="jquery-1.3.min.js" type="text/javascript"/script /head body div class="pager"/div !--div select class="SEID" option10/option option selected="select...[ 查看全文 ]

  讨厌嚣张

  41
• 
  jquery 简单导航实现代码

  标签：Web开发

  代码如下: script type="text/javascript" src="js/jquery.min.js"/script script type="text/javascript" $(function(){ $("li").hover(function(){ $(this).addClass("ho"); }, function(){ $(this).removeClass("ho"); }); $("li").click(function(){ $(this).removeClass("ho").addClass("xiaoshi").siblings().removeClass("xiaoshi"); }); }) /script style type="text/css" li{backg...[ 查看全文 ]

  高邑终端彩票

  31
• 
  jquery 弹出层实现代码

  标签：Web开发

  经过分析，网上的参考，终于搞定了~~ jQuery插件代码： 代码如下: jQuery.fn.selectItem = function(targetId) { var _seft = this; var targetId = $(targetId); this.toggle( function() { var A_top = $(this).offset().top + $(this).outerHeight(true); // 1 var A_left = $(this).offset().left; targetId.bgiframe(); targetId.show().css({ "position": "absolute", "top": A_top + "px...[ 查看全文 ]

  1640022185liu

  121
• 
  jQuery 页面 Mask实现代码

  标签：Web开发

  在 Ajax 应用中，显示一个 Dialog（以 Div 方式显示）前，都会先建一个 Mask。因为经常会用到，所以写成了一个 jQuery 插件，方便自己的使用。 代码如下: (function($){ $.extend({ documentMask: function(options){ // 扩展参数 var op = $.extend({ opacity: 0.8, z: 10000, bgcolor: '#000' }, options); // 创建一个 Mask 层，追加到 document.body $('div class="jquery_addmask" /div')...[ 查看全文 ]

  倔驴4

  551
• 
  JQuery 遮罩层实现(mask)实现代码

  标签：Web开发

  其中有mask()和unmask()这两个方法,这两个方法在指定的元素上添加一个遮罩层和一个提示消息实现，增加客户体验。由于最近做项目的时候，发现有时为了使用这一两个方法需要引入一个比较“庞大”的Extjs进来，觉得有点不划算，于是自己用jquery实现了一个比较简单mask、unmask方法来实现该效果。大家知道jquery是一个优秀的javascript框架，不但体积小而且使用方便，我现在逐渐将系统中使用Extjs实现的代码或组...[ 查看全文 ]

  龙飞凤舞000006

  371
• 
  jQuery插件 tabBox实现代码

  标签：Web开发

  打包下载 查了一下jq的官方插件编写文档（ http://docs.jquery.com/Plugins/Authoring ）以及文档中推荐的Mike Alsup写的一篇 A Plugin Development Pattern 。英语不是很好，但还是努力看下来（既学习到知识又能练习英语，何乐不为），照猫画虎的写了一个处女作——tabBox。 顾名思义，这个插件就是方便的产生具有tab选项卡功能“盒子”的。看图一下就明白 这样功能在网页上是非常肠炎宁个的，不论...[ 查看全文 ]

  smilebirdtime

  111
• 
  jquery 锁定弹出层实现代码

  标签：Web开发

  基于jquery的锁定弹出层 这个东西也是随手总结出来的，引用了一些js框架jquery的方法。 div遮盖其他控件的方法参考了 对于需要遮盖flash的，请将flash控件的WMode变量值设置为Transparent 使用方法： 代码如下： script src="jquery.js"/script script src="effect/maskDiv.js"/script script //配置模块 var moduleEvent = [{"idName":"close" , "eventName":"click" , "doMethod":"CLOSE_DIV...[ 查看全文 ]

  执旧_eaSon

  101
• 
  JQuery 浮动导航栏实现代码

  标签：Web开发

  代码如下: !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-Type" content="text/html; charset=gb2312" / titleJQuery 浮动导航栏/title script type="text/javascript" src=&qu...[ 查看全文 ]

  蒂美曦儿

  261
• 
  JQuery与iframe交互实现代码

  标签：Web开发

  在iframe中查找父页面元素的方法： $('#id', window.parent.document) 在父页面中获取iframe中的元素方法： $(this).contents().find("#suggestBox") 在iframe中调用父页面中定义的方法和变量： parent.method parent.value[ 查看全文 ]

  贵族丨诺

  21
• 
  jquery 批量上传图片实现代码

  标签：Web开发

  前台: upload.htm 代码如下： !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 runat="server" titleupload/title link href="upload.css" rel="Stylesheet" / /head body form ul li button id="SubUpload" onclick="TSubmitUploadImageFile();return false;" ...[ 查看全文 ]

  老兵难忘

  151
• 
  jQuery AJAX 调用WebService实现代码

  标签：Web开发

  用jQuery调用其他项目的WebService 实现登录验证功能 html输入用户名密码： 代码 代码如下： table tr td Login ID: /td td input type="text" value="" / /td /tr tr td Login Password: /td td input type="password" value="" / /td /tr tr td input value="Sign in" readonly / /td td input value="Sign up" readonly / /td /tr /table Jquery引用和登录事件 代码 ...[ 查看全文 ]

  专业苹果供应商

  61
• 
  JQuery 网站换肤功能实现代码

  标签：Web开发

  从那以后，我找到了很多可以让访客通过鼠标点击某个地方切换样式表的方法。但最近我要写一篇如何 使用jQuery编写简单代码实现它的教程。 我将向你们逐步解说整个的过程，不仅仅因为要展示jQuery代码的简介，同时也要揭示jQuery库中的若干高级特性。 首先，代码 代码如下: $(document).ready(function() { $('.styleswitch').click(function() { switchStylestyle(this.getAttribute("rel")); retur...[ 查看全文 ]

  来生求公平

  481
• 
  Jquery 弹出层插件实现代码

  标签：Web开发

  直接看代码： 代码如下: %@ Page Language="C#" AutoEventWireup="true" CodeFile="Layer.aspx.cs" Inherits="Layer" % !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 runat="server" title/title script src="jquery-1.3.2.js" type="text/javascript"/script scri...[ 查看全文 ]

  筱彭妈咪

  61
• 
  jQuery 标题的自动翻转实现代码

  标签：Web开发

  即一条新闻滚 进视图之后，会暂停几秒钟，然后继续向上2滚动，淡出视图，同时，下一条新闻接着滚入视图。这次主要是用jquery来开发这个功能，里面肯定有许多不足 之处，欢迎大家点评。 先粘贴一下代码， 代码如下: style %-- #news-feed { padding: 0; margin: 0 0 0 10px; position: relative; height: 200px; width: 17em; overflow: hidden; } .headline { position: absolute; height:...[ 查看全文 ]

  这世道越变越坏

  31
• 
  jquery 可排列的表实现代码

  标签：Web开发

  在Table标签上设置 class="sortable" 且Table要设置ID. 表中增加了两行代码是JQuery写的.用于给奇偶行变色. 代码如下: addEvent(window, "load", sortables_init); var SORT_COLUMN_INDEX; function sortables_init() { // Find all tables with class sortable and make them sortable if (!document.getElementsByTagName) return; tbls = document.getElementsByTagName("table"); for (ti=0;...[ 查看全文 ]

  逗比i我是

  01