jQuery實現Select自動選擇預設值

標籤：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();

});

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

這裡只是一個非常簡單的jQuery擴充外掛程式demo，希望可以幫到您~

jQuery實現Select自動選擇預設值