jquery自定义带radio单选按钮的下拉列表插件

使用方法

  var theData = [
         {
             "name": "Alabama",
             "abbreviation": "AL"
         },
         {
             "name": "Alaska",
             "abbreviation": "AK"
         },
         {
             "name": "American Samoa",
             "abbreviation": "AS"
         },
         {
             "name": "Arizona",
             "abbreviation": "AZ"
         },
         {
             "name": "Arkansas",
             "abbreviation": "AR"
         },
         {
             "name": "California",
             "abbreviation": "CA"
         },
         {
             "name": "Colorado",
             "abbreviation": "CO"
         },
         {
             "name": "Connecticut",
             "abbreviation": "CT"
         },
         {
             "name": "Delaware",
             "abbreviation": "DE"
         },
         {
             "name": "District Of Columbia",
             "abbreviation": "DC"
         },
         {
             "name": "Federated States Of Micronesia",
             "abbreviation": "FM"
         },
         {
             "name": "Florida",
             "abbreviation": "FL"
         },
         {
             "name": "Georgia",
             "abbreviation": "GA"
         },
         {
             "name": "Guam",
             "abbreviation": "GU"
         },
         {
             "name": "Hawaii",
             "abbreviation": "HI"
         },
         {
             "name": "Idaho",
             "abbreviation": "ID"
         },
         {
             "name": "Illinois",
             "abbreviation": "IL"
         },
         {
             "name": "Indiana",
             "abbreviation": "IN"
         },
         {
             "name": "Iowa",
             "abbreviation": "IA"
         },
         {
             "name": "Kansas",
             "abbreviation": "KS"
         },
         {
             "name": "Kentucky",
             "abbreviation": "KY"
         },
         {
             "name": "Louisiana",
             "abbreviation": "LA"
         },
         {
             "name": "Maine",
             "abbreviation": "ME"
         },
         {
             "name": "Marshall Islands",
             "abbreviation": "MH"
         },
         {
             "name": "Maryland",
             "abbreviation": "MD"
         },
         {
             "name": "Massachusetts",
             "abbreviation": "MA"
         },
         {
             "name": "Michigan",
             "abbreviation": "MI"
         },
         {
             "name": "Minnesota",
             "abbreviation": "MN"
         },
         {
             "name": "Mississippi",
             "abbreviation": "MS"
         },
         {
             "name": "Missouri",
             "abbreviation": "MO"
         },
         {
             "name": "Montana",
             "abbreviation": "MT"
         },
         {
             "name": "Nebraska",
             "abbreviation": "NE"
         },
         {
             "name": "Nevada",
             "abbreviation": "NV"
         },
         {
             "name": "New Hampshire",
             "abbreviation": "NH"
         },
         {
             "name": "New Jersey",
             "abbreviation": "NJ"
         },
         {
             "name": "New Mexico",
             "abbreviation": "NM"
         },
         {
             "name": "New York",
             "abbreviation": "NY"
         },
         {
             "name": "North Carolina",
             "abbreviation": "NC"
         },
         {
             "name": "North Dakota",
             "abbreviation": "ND"
         },
         {
             "name": "Northern Mariana Islands",
             "abbreviation": "MP"
         },
         {
             "name": "Ohio",
             "abbreviation": "OH"
         },
         {
             "name": "Oklahoma",
             "abbreviation": "OK"
         },
         {
             "name": "Oregon",
             "abbreviation": "OR"
         },
         {
             "name": "Palau",
             "abbreviation": "PW"
         },
         {
             "name": "Pennsylvania",
             "abbreviation": "PA"
         },
         {
             "name": "Puerto Rico",
             "abbreviation": "PR"
         },
         {
             "name": "Rhode Island",
             "abbreviation": "RI"
         },
         {
             "name": "South Carolina",
             "abbreviation": "SC"
         },
         {
             "name": "South Dakota",
             "abbreviation": "SD"
         },
         {
             "name": "Tennessee",
             "abbreviation": "TN"
         },
         {
             "name": "Texas",
             "abbreviation": "TX"
         },
         {
             "name": "Utah",
             "abbreviation": "UT"
         },
         {
             "name": "Vermont",
             "abbreviation": "VT"
         },
         {
             "name": "Virgin Islands",
             "abbreviation": "VI"
         },
         {
             "name": "Virginia",
             "abbreviation": "VA"
         },
         {
             "name": "Washington",
             "abbreviation": "WA"
         },
         {
             "name": "West Virginia",
             "abbreviation": "WV"
         },
         {
             "name": "Wisconsin",
             "abbreviation": "WI"
         },
         {
             "name": "Wyoming",
             "abbreviation": "WY"
         }
     ];

    $("#example").jdbssDropdown({
        datasource: "json",
        data: theData,                                      // json formatted data
        indexcolumn:1,                                      // zero based column number that contains the index
        valuecolumn: 0,                                     // zero based column number that contains the value
        showindex: true,                                    // show the index value or hide
        bootstrapcol: ["col-9", "col-2"],                   // Must be at least 1 less than 12
        dataclass: [],      // Array of classes to be applied to the data columns
        headingclass: [],     // Array of classes to be applied to the data columns
        headings: ["State", "Abbr"],                        // Arry of text values for use as the Column headings
        display: {
                caret: "bootstrap",
                virtual_width: "300px",
                display_width: "container"
            },

        dropdownopened_callback: opened,          // javascript function to be called when the dropdown is opened   yourcontrol(ctrl)
        dropdownclosed_callback: closed,          // javascript function to be called when the dropdown is closed   yourcontrol(ctrl)
        rowselected_callback: selected              // javascript function to be called when a row is selected        yourcontrol(ctrl)
    });

     function opened(ctrl) {
     }
     function closed(ctrl) {
     }
     function selected(ctrl) {
     }