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_i...
不过这种情况可能是一去不复返了，如果你猜测是使用HTML5技术， 那就错了，在中国，使用IE6浏览器的人仍占绝大大多数，这种古老的浏览器是不认识HTML5的。 我现在推荐的是一款JavaScript插件，它有JQuery和Prototype两种版本，支持所有类型的浏览器。使用它后，你的页面上的select选择框会变的漂亮的让你大吃一惊，下面是使用前和使用后的对比效果图。 单选模式：多选模式：更多的效果请访问这个插件的官方主页的中文翻译Chosen演示...
效果如下所示： 解决这个问题的办法是将错误信息指定到一个特定的位置，validate()方法的参数中可以进行自定义，示例代码如下: 代码如下: jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称 function(value, element, params) { //addMethod第2个参数:验证方法， //验证方法参数（被验证元素的值，被验证元素，参数） var exp = new RegExp(params); //实例化正则对象...
一、技术文档 １、介绍 ImgAreaSelect是一jQuery插件，它支持用户通过鼠标拖曳选择图片的一部分，非常的fashion。另外，可以在这个选择图像区域的基础上应用网站的其他一些技术，比如图片拖曳、图片编辑等。 ２、基本用法 这个插件基于jQuery上通过imgAreaSelect()方法来调用，它操作的对象是HTML中元素内的图像。 代码如下: $(document).ready(function () { $('img#photo').imgAreaSelect({ handles: true, onSelectEnd: someF...
几年前不知道在哪下载的源码上改的，去年开始学jquery，就改了一下，代码有点乱。只是自己用，没有考虑写成通用的组件，所以童鞋们如果真的要拿去用的话有点麻烦几个状态，展开收起是jquery的slide这个模拟select，只是很简单的实现了单独一个select的部分功能没有实现比如optgroup，文字长度自适应（图片会因此修改麻烦）再说如果页面多个select，css处理也麻烦，数据、联动都要增加大量代码小有小的好处，所以就不考虑进行封装，...
首先看下效果 代码如下: $(function() { $("#test").jsScroll(); }) 1 2 3 4 5 6 7 8 9 10 比较简陋只是将select转成自定义的样式 现在只有2个参数可以设置 代码如下: $(function() { $("#test").jsScroll({ showLength: 3, option_click: function() { alert("1"); } }); }) showLength:下拉框默认显示数量 ---默认显示5个 option_click:点击每一个option执行的事件--默认是将options的值绑定到input中 在线演示：h...
JQuery魔力(一）$("tagName") DOM 中的 getElementsByTagName()方法在JQuery中的表现就是$("tagName")这么简单！ 匿名函数来解决 window.onload 事件 对页面上的所有"div"标记下手，定义统一的外观 对"body"标记定义外观 动态添加一个"span"标记将其放置在"body"里 代码如下: JQuery 测试 $(function () { $("div").width(100) .css("color", "red") .css("margin", "20px") .css("border", "dotted 1px green"); $(document...
querySelector和querySelectorAll是W3C提供的新的查询接口 代码如下: module dom { [Supplemental, NoInterfaceObject] interface NodeSelector { Element querySelector(in DOMString selectors); NodeList querySelectorAll(in DOMString selectors); }; Document implements NodeSelector; DocumentFragment implements NodeSelector; Element implements NodeSelector; }; [html] 从接口定义可以看到Document、DocumentFragmen...
select: 代码如下: 夺得2008年欧洲杯冠军的国家是： 请选择 德国 法国 意大利 英国 西班牙 希腊 1、判断是否选择了国家。 代码如下: if($("#nation").val()=="") { alert("请选择国家"); } 2、获取select中option项的个数。 代码如下:$("#nation").find("option").length; 3、获取选中的option的值value和显示的文本text。 代码如下://获取选中项的值 $("#nation").val(); //获取选中项显示的文本 $("#nation").f...
获取select 先看看下面代码： 代码如下: $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=$("#select_id").val(); //获取Select选择的Value var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 var maxIndex=$("#select_id option:last").attr("...
语法解释： 代码如下: 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_id option:last").attr("in...
在ie6以上，我们可以通过 $("#selectID").val("xx");来个一个select控件赋值。但是在ie6下面会报错！！我们可以通过I下面方法来，使用方法：set_select_val($("#selectID" ),xx);//因为ie6不支持$("#" + provinceDom).attr("value", provinceDefvalue); 代码如下: function set_select_val(sel, val) { if ($.browser.msie && $.browser.version == "6.0") { setTimeout(function () { sel.val(val); }, 1); } else { sel.val(val...
jQuery获取Select选择的Text和Value： 选择一项试试看 语法解释： 代码如下: . $("#select_id").change(function(){//code...}); //为Select添加事件，当选择其中一项时触发 . var checkText=$("#select_id").find("option:selected").text(); //获取Select选择的Text . var checkValue=$("#select_id").val(); //获取Select选择的Value . var checkIndex=$("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 . var...
标签的外观问题很恼人，各个浏览器都不一致，单单就IE，一个版本就一个长相，还不能用CSS修饰。 在这将本人对的美化方法共享出来。优点： 仍保留使用，仅改变外观，不改变不干预Form行为，后期加载JS。（注：本脚本依赖jQuery） 啥也不说了，都在代码里。 代码如下: $(document).ready(function () { // 找出需要美化的标记，我们用一个class名称 "beautify" 来确定，没有这个样式的则将被忽略 var selects = $("select.beautify")...
jQuery获取Select选择的Text和Value: 代码如下: var checkText=jQuery("#select_id").find("option:selected").text(); //获取Select选择的Text var checkValue=jQuery("#select_id").val(); //获取Select选择的option Value var checkIndex=jQuery("#select_id ").get(0).selectedIndex; //获取Select选择的索引值 var maxIndex=jQuery("#select_id option:last").attr("index"); //获取Select最大的索引值 jQuery添加/删除Sele...