JS html select 联动选择

<!-- 一级 -->
<select id="dome1" onchange="onchangeGrade()" name="deducted_division" style="height: 34px;width: 60%;">
    <option value="0">--选择--</option>
    <option value="102">选择一</option>
    <option value="103">选择二</option>
</select>
 
<!-- 二级 -->
<select id="dome2" name="deducted_division" style="height: 34px;width: 60%;">
    <option value="0">--请选择--</option>
</select>
<script>
    // $(function(){
    //     vall = '0';
    //     onchangeGrade(vall);
    // });
    var list = new Array();
    list[102] = new Array();
    list[102][0] = new Object();
    list[102][0].vall = '1021';
    list[102][0].name = '请选择1';
    list[103] = new Array();
    list[103][1] = new Object();
    list[103][1].vall = '1031';
    list[103][1].name = '请选择2';

    function onchangeGrade(value){
        var dome1 = $("#dome1").val();
        var dome2 = $("#dome2");
        dome2.html('<option value="0">--请选择--</option>');
        $.each(list[dome1],function(i,e){
            if(e.vall == dome1){
                selected = 'selected';
            }else{
                selected ='';
            }
            dome2.append("<option value='"+e.vall+"' "+selected+"  >"+e.name+"</option>");
        });
    }
</script>