Question

asp二级联动菜单的实现不了

通过数据库查询生成了一个表格，表格的每一行都需要一个二级联动菜单，在最下面有一个按钮，可对每一行的二级联动菜单进行修改，也可以对某一行的二级联动菜单单独修改，点击按钮后，修改了的行的二级联动菜单的VALUE写到数据库。给个demo

Answer 1

用jquery的ajax很简单的，只需十来行代码就可以了。

<select name="province" id="province">
<option value="">请选择省份</option>
</select>

<select name="city" id="city">
<option value="">请选择城市</option>
</select>


$(document).ready(function(){
	//省份数据初始化
	$.getJSON('ajax_data.asp', {act:'province'}, function(json){
		$.each(json, function(index, data){
			$('#province').append("<option value='"+data['area_id']+"'>"+data['area_name']+"</option>");			  
		});	//end each	
	});	//end getJSON	
	//获取城市数据
	$('#province').change(function(){
		$.getJSON('ajax_data.asp', {act:'city',provinceid:$('#province').val()}, function(json){
			$('option', '#city').remove();
			$('#city').append("<option value=''>请选择城市</option>");		
			$.each(json, function(index, data){
				$('#city').append("<option value='"+data['area_id']+"'>"+data['area_name']+"</option>");				  
			});	//end each											  																
		});	//end getJSON					   
	});	//end province change
});

追问

　　我现在的网页出现个问题是：
　　数据库查询后生成的表格，每一行最后都有下拉菜单和多选框
　　只有下拉菜单修改后，多选框自动选中
　　然后把多选框选中的行，下拉菜单选的内容修改到数据库，没有修改下拉菜单的不修改；
　　

追答

是不是选择下拉菜单后，多选框也自动勾选，然后提交?

追问

是的，然后多选框勾选的表格行，把下拉菜单数值写到数据库。表格是通过数据库查询生成的。

追答

$('#checkboxid').attr('checked', true);
$('#formid').submit();

追问

请问，这两句话怎么用啊

追答

<table width="50%" border="0" cellspacing="0" cellpadding="1"><tr><td>ID</td><td>下拉菜单1</td><td>下拉菜单2</td><td>多选框</td></tr><tr><td>1</td><td><select name="sel_1" id="sel_1" onchange="getdata(&quot;1&quot;,this.options[this.selectedIndex].value)"><option value="1">1</option><option value="2">2</option></select></td><td><select name="sel2_1" id="sel2_1"></select></td><td><input name="cb_1" type="checkbox" id="cb_1" value="checkbox"></td></tr></table><script>function getdata(e,o){$.getJSON("ajax_data.asp",{sel:o},function(o){$("option","#sel2_"+e).remove(),$("#sel2_"+e).append("<option value=''>请选择</option>"),$.each(o,function(o,t){$("#sel2_"+e).append("<option value='"+t.sel_11_id+"'>"+t.sel_11_name+"</option>")}),$("#cb_"+e).attr("checked",!0),$("#formid").submit()})}</script>

Answer 2

asp二级联动实例提供