drop Down populate

drop Down populate

by Nibin George

HTML

<select size="1" id="item" title="" name="item">
    <option value="0">-Select Your Item-</option>
    <option value="pencil">Pencil</option>
    <option value="book">Book</option>
</select>

<select size="1" id="item_result" title="" name="item_result">
    <option value="">Item Result</option>
    <option parent="pencil" value="Hard">Hard</option>
    <option parent="pencil" value="Soft">Soft</option>
    <option parent="book" value="Navel">Navel</option>
</select>

JavaScript

$(document).ready(function() {
    $('#item').on('change', function() {
        selected_value = $(this).val();
        $('#item_result').val(0);
        $('#item_result option').each(function(){
            if($(this).attr('parent') == selected_value){
                $(this).show();
            }else{
                $(this).hide();
            }
        });
    });
});