2
回答
DropDownList问题,帮帮忙,大虾
注册华为云得mate10,2.9折抢先购!>>>   

@北落 你好,想跟你请教个问题:有个表格,第一个tr有DropDownList,是为了修改下面全部DropDownList的,下面的tr也有DropDownList,最左边是checkbox ,现在想选中最左边的几项checkbox,修改第一个tr的DropDownList,相应下边的DropDownList 也修改,请问用js怎么写,要代码,能帮我写下代码吗,非常感谢,我弄一天了也没弄出来。

<无标签>
举报
钟颖
发帖于5年前 2回/82阅
共有2个答案 最后回答: 5年前

@钟颖  感觉你要的是这个东西不知道是不是,你可以保存成html文件查看下效果。

另外就是dropdownlist虽然生成的是select但是调用的时候有点差别的.

<html>
<head>
<title>
Demo
</title>
<script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<table id="TB">
<tr>
<th>
</th>
<th>第一列
</th>
<th>第二列
</th>
<th>
<select id="First">
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
<option value="4">四</option>
</select>
</th>
</tr>
<tr>
<td>
 <input type="checkbox" name="newsletter" checked="" value="" />
</td>
<td>
第一行第一列
</td>
<td>
第一行第二列
</td>
<td>
<select>
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
<option value="4">四</option>
</select>
</td>
</tr>
<tr>
<td>
 <input type="checkbox" name="newsletter" checked="" value="" />
</td>
<td>
第二行第一列
</td>
<td>
第二行第二列
</td>
<td>
<select>
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
<option value="4">四</option>
</select>
</td>
</tr>
<tr>
<td>
 <input type="checkbox" name="newsletter" checked="" value="" />
</td>
<td>
第三行第一列
</td>
<td>
第三行第二列
</td>
<td>
<select>
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
<option value="4">四</option>
</select>
</td>
</tr>
<tr>
<td>
 <input type="checkbox" name="newsletter" checked="" value="" />
</td>
<td>
第四行第一列
</td>
<td>
第四行第二列
</td>
<td>
<select>
<option value="1">一</option>
<option value="2">二</option>
<option value="3">三</option>
<option value="4">四</option>
</select>
</td>
</tr>
</table>
<script>
$(function(){
	$("#First").change(function(){
		var val=$(this).val();									
	    $("input:checked",$("#TB")).each(function(){
			$("select",$(this).parents("tr")).val(val);								   
		});
	}); 
 });
</script>
</body>
</html>
顶部