具体思路就不说了,比较常规, 代码中也有注释. 使用方法也不费话了, 就是一个简单的全局函数封装, 不懂的看下源码中注释或Google . 另外, 有兴趣的朋友,可以尝试在本插件基础上改一个可输入的下拉列表. 思路差不多,哈. 演示及代码: 演示代码 代码下载运行代码: 用dl模拟实现可自定义样式的SELECT下拉列表@Mr.Think /*reset css*/ body{font-size:0.8em;letter-spacing:1px;font-family:\5fae\8f6f\96c5\9ed1;line-height:1.8em} ...
1.解决了有些select 美化代码,无法触发原有select 控件的onchange 事件问题。 2.允许多次调用 $("...").selectCss()，以解决Select的options更新后无法同步的问题。 使用方法如下： 代码如下:<!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/ht...
解决办法：把选中option的语句放到setTimeout中，例： 代码如下:setTimeout(function() { var selSorts = $("select[id^=" + controls.selsort + "]"); $.each(selSorts, function(index, sort) { var ope = $(sort).find("option[value=" + arrSort[index] + "]"); if (ope.length > 0) ope[0].selected = true; }); }, 1);
首先感谢jQuery.Select.js的作者张经纬，jQuery.Select.js项目地址：http://www.zhangjingwei.com/archives/jquery-select%E5%8D%95%E9%80%89-%E6%A8%A1%E6%8B%9F%E6%8F%92%E4%BB%B6-v1-3-6/ 项目中需要使用基于jQuery的Select模拟效果，主要是想实现select的onmouseover事件，而不需要点击在经过时即可进行选择，找了很多没有理想的，最后决定在jQuery.Select.js 1.3.6的基础上改进。下面是增加mouseover事件后的代码：（如需原版...
$("#id").multiSelect({ oneOrMoreSelected: '*',selectAll:false,noneSelected:'默认显示' }); Usage: $('#id').multiSelect( options, callback ) Options: selectAll - whether or not to display the Select All option; true/false, default = true selectAllText - text to display for selecting/unselecting all options simultaneously noneSelected - text to display when there are no selected items in the list one...
代码如下://潇湘博客 //http://blog.csdn.net/fkedwgwy //PHP 技术群：37304662 //时间:2010-06-13 //版本 v3.0.0.0 //任意字符、中文与拼音综合查询 //方向键选择option //优化下拉框显示效果 //jquery超级select插件 $.fn.selectseach = function() { String.prototype.trim = function() { return this.replace(/(^\s*)|(\s*$)/g, ""); } //汉字转拼音 function makePy(str) { if (typeof(str) != "string") { return str; //th...
例： 代码如下:<select id="sltList" name="list"> <option value="1">张三</option> <option value="2">李四</option> </select> // 获取当前选中的option值 $(#sltList).val() //获取当前选中项的文本 $(#sltList option[@selected]).text(); // 获取当前选中的option, text为文本, val则是option的值了 或 var item = $("select[@name= list] option[@selected]").text(); //设置文本为当前选中项 $("#sltList option[@selecte...
需要注意的是，这里的代码好多是针对jquery 1.32以前的版本（以后的版本已经不支持@）,所以替换为空测试下即可。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. va...
下面几个常用的代码或许对您有帮助： 代码如下://1.获取选中option值 $('#selectList').val(); //2.获取选中option的文本 $('#selectList :selected').text(); //3.获取多个选中option值、文本 var foo = []; $('#multiple :selected').each(function(i, selected) { foo[i] = $(selected).text(); }); // to get the selected values, just use .val() - this returns a string or array foo = $('#multiple :selected').val(); ...
下面几个常用的代码或许对您有帮助： 代码如下://1.获取选中option值 $(#selectList).val(); //2.获取选中option的文本 $(#selectList :selected).text(); //3.获取多个选中option值、文本 var foo = []; $(#multiple :selected).each(function(i, selected) { foo[i] = $(selected).text(); }); // to get the selected values, just use .val() - this returns a string or array foo = $(#multiple :selected).val(); //4.使用...
jQuery这个框架方便了我们对于HTML元素的操作，本来以为自己对于Select操作也算是熟悉了，但上午在测试的时候才发现自己了解的还真不多。 看了一下jQuery的一些方法后，理出了一些常用的方法，列在下面： //获取第一个option的值 $('#test option:first').val(); //最后一个option的值 $('#test option:last').val(); //获取第二个option的值 $('#test option:eq(1)').val(); //获取选中的值 $('#test').val(); $('#test option:se...
//jQuery 选择器 $ //$(expression,[context]) return jQuery //Unit One //expression 之 CSS 定义符 就是以CSS语法表示所要选择的元素 // $("*"); // 表示页面所有元素标签 // $("th, td") // 表示所有<th><td>元素标签 // $("a") // 表示所有<a>元素标签 // $("div#onlydiv"); // 表示CSS选择中id=onlyidv的元素 $("#ID")为全文档匹配 // $("#rating"); // 表示id=rating的元素 // $("#orderedlist > li"); // 表示id=orderedli...
一 、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选择的索引值 5. var maxIndex=$("#select_...
代码如下://==========测试代码=============== <head runat="server"> <title>下拉框测试</title> <script type="text/javascript" src="/js/jquery/jquery-1.3.js"></script> <script type="text/javascript"> $(function(){ var $city= $("#ddlCity"); //填充一些数据 for(var i=1;i<=10;i++){ $city.append($("<option/>").attr("value",i).text("可以选择的城市第:" +i)); } //$city.width("100px");//IE6.0下需要自己调整下拉...
获取Select ： 获取select 选中的 text : $("#ddlRegType").find("option:selected").text(); 获取select选中的 value: $("#ddlRegType ").val(); 获取select选中的索引: $("#ddlRegType ").get(0).selectedIndex; 设置select: 设置select 选中的索引： $("#ddlRegType ").get(0).selectedIndex=index;//index为索引值 设置select 选中的value： $("#ddlRegType ").attr("value","Normal“); $("#ddlRegType ").val("Normal"); $("...