jQuery Doubleselect Plugin

Fill in a second select box dependent on the first one.

Version : 1.3
Written by : Johannes Geppert
Download : jquery.doubleSelect.1.3.zip

Example :

DoubleSelect Demo

First Select Box : --

Second Select Box : --

Code

 $(document).ready(function()
 {
    	    "Vegetables": {
    	         "key" : 10,
                 "defaultvalue" : 111,
    	         "values" : {
                     "tomato": 110,
                     "potato": 111,
                     "asparagus": 112
                     }
              },
            "Fruits": {
                 "key" : 20,
                 "defaultvalue" : 212,
                 "values" : {
                     "apple": 210,
                     "orange": 211,
                     "kiwi": 212,
                     "melon": 213
                     }
              }
    };
    $('#first').doubleSelect('second', selectoptions);      
 });
    

With Empty Option

    var options = {emptyOption: true};
    $('#first').doubleSelect('second', selectoptions, options);      
    

With Pre Select and Customized Empty Option

    var options = {
                    preselectFirst : 10, 
                    preselectSecond : 112, 
                    emptyOption: true, 
                    emptyValue: '...', 
                    emptyKey: 'nothing'
                   };
                   
    $('#first').doubleSelect('second', selectoptions, options);      
    

Have fun with this plugin.

Please report bugs here

Java, J2EE and Web Programming

代码整理：时代Java（NowJava.com）　更多相关效果，请到脚 本之家 脚本下载栏目

注：此代码仅供学习交流，请勿用于商业用途。

时代Java（NowJava.com）素材中心整理。