TinyNextSelect

Simple and tiny plugin for load data for a next select. (Mootools)

How to use

Include on page:

<script src="mootools-core.js" type="text/javascript"></script>
<script src="tiny_next_select.js" type="text/javascript"></script>

Simple example:

// Javascript
window.addEvent('domready',function() {

    $('simple_contries').tinyNextSelect({
        next: $('simple_states'),
        url: 'data_states.php'
    })

});

Html:

<!-- HTML -->
<label for="">Country:</label>
<select id="simple_contries">
    <option value=''>Select your country</option>
    <option value='1'>Country 1</option>
    <option value='2'>Country 2</option>
</select>

<br>

<label for="">State:</label>
<select id="simple_states">
        <option>Select country first</option>
</select>

Server Side PHP:

<?php
    // value from selected option
    $value = $_GET['value'];
    // echo <option>...</option>
    //..
?>

See Demo and Documentation for more detail.

DEMO | DOCUMENTATION | DOWNLOAD