手记

jQuery实现Select自动选择默认值

         

// // // 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();

});

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


0人推荐
随时随地看视频
慕课网APP