继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

jQuery实现Select自动选择默认值

ajax入门学习视频
关注TA
已关注
手记 266
粉丝 80
获赞 597

         

// // // the Select target Auto Select value extension plugin // author:hotboy// -------------------------------------------------------------------------- // (function ($) {     $.extend($.fn, {                  //         AutoSelect: function (options) {             // default options of plugin             var defaults = {                 atr: "val",                 filter: "select"             }             // deep copy $.extend(isDeepCopy,default_src,ext1,ext2,ext3,ext4,......);             var new_options = $.extend(true, defaults, options);                                      var $this = $(this);             $this.each(function () {                 var $t = $(this);                 // alert($t.prop("tagName".toLocaleUpperCase()));                 if (new_options.filter.toLocaleUpperCase() != $t.prop("tagName")) {                     $t.val($t.attr(defaults.atr));                 }             })         }     }); })(jQuery);


前端调用方式

Js function


$(function(){

    $("标签选择器").AutoSelect({atr:"选中值attribute",filter:"过滤标签类型,不执行绑定、"});

});


==========================================================================================

Example:


Select标签

<Select val="0">

    <option value="-1">--选择性别--</option>

    <option value="0">男</option>

    <option value="1">女</option>

</Select>


$(function(){

    $("select[val]").AutoSelect();

});

===========================================================================================


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP