html下拉框实现连接数据库显示动态数据

<select id="selBig" onchange="addOptions(this.value)"><option value="">请选择...</option><option value="1">联想</option><option value="2">IBM</option></select><select id="selSmall"><option value="">请选择...</option></select>

<script type="text/javascript">

    var data = {};

    data['k'] = [{t:'请选择...',v:''}];

    data['k1'] = [{ t: '联想1', v: 1 }, { t: '联想2', v: 2 }, { t: '联想3', v: 3}];

    data['k2'] = [{ t: 'IBM1', v: 1 }, { t: 'IBM2', v: 2 }, { t: 'IBM3', v: 3}];

    //同理生成其他大类的子数据，结构同上面的

    function addOptions(v) {

        var sel = document.getElementById('selSmall')

        , arr = data['k' + v]; //获取对应的数据源

        sel.options.length = 0; //清空原来的option

        for (var i = 0, j = arr.length; i < j; i++) {



            sel.options.add(new Option(arr[i].t, arr[i].v));

        }

    }

</script>

    <script>

	$("#AcS_CarType").live("change",function(){



	var trs_pid = $(this).val();

	var url = 'control?do=chg_select&arg=' + trs_pid + '×temp=' + (new Date()).getTime();

	$.get(url,function(data){

	$('[ID=AcS_CarModel]').html(data);

//	alert();

//	alert(data);

	});

	  });

	</script>