地区选择Distpicker

http://www.jq22.com/jquery-info8054

依赖jq

 

<li class="dz"><span class="name">地   址：</span>
                        <div class="areapick">
                            <select class="pick"></select>
                            <select></select>
                            <select></select>
                        </div>
                        <div class="hideinputbox">
                            <input type="hidden">
                            <input type="hidden">
                            <input type="hidden">
                        </div>
                    </li>

 

<script src="scripts/Distpicker/distpicker.data.js"></script>
<script src="scripts/Distpicker/distpicker.js"></script>
<script type="text/javascript">
    $(function(){
        $('.areapick').distpicker();
　　　　　　　　//将选择的值传递到对应的input中，用于表单提交
        $('.areapick select').change(function(event) {
            $('.hideinputbox input').eq($(this).index()).val($(this).val());
            console.log($('.hideinputbox input').eq($(this).index()).val());
        });

    })
</script>