一行中有复选框和下拉菜单
点击一个按钮事件后 设置 复选框选中行的下拉菜单该如何写:
点击一个按钮事件后 设置 复选框选中行的下拉菜单该如何写:
解决方案 »
- javascript 函数同时执行问题!
- “天气预报”超实用手机应用软件完整源码下载
- JavaScript不执行?
- javascript中的[this] 有没有人可以详细介绍下?或有没详解的文章?
- 在JavaScript中怎样把ASCII转换成字符?
- 大哥们能给我说说,这段代码具体是在做什么吗?我只知是在做检测浏览器版本
- javascript中如何实现将地址栏复制到系统剪贴板?
- 如何让页面自动刷新,又让用户没看见页面在刷新,谢谢
- 错误提示:缺少对象,请大虾帮忙看一下
- 给位高人帮帮忙吧,帮忙注释一下
- 使用javaScript获取FileUpload控件的图片全路径,做到在图片上传之前 可以先浏览一下图片
- jquery选中struts的radio
还是根据checkbox的选中项设置select啊?
根据checkbox的选中项设置select
要是这样的话,当你点击之后就设置
下拉列表的可用属性为true就可以了
$("#yourselect").val("1");
将checkbox被选中的那一行的下拉框的值改变?
<tr>
<td>
<input type="checkbox" id="personId"/>
</td>
<td>
<select id="dlList">
<option value="0">--请选择--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="checkbox" id="personId"/>
</td>
<td>
<select id="dlList">
<option value="0">--请选择--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr><tr>
<td>
<input type="checkbox" id="personId"/>
</td>
<td>
<select id="dlList">
<option value="0">--请选择--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
<input type="button" value="设置"/>
选中checkbox后,点击设置按钮,所有选中行的select下拉菜单值全部设置为2
$(input:checkbox:checked).each(function(){
var _this = $(this);
_this.parent("td:first").next("td>select").val("2");
});
});
大概写下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<script language="JavaScript" src="js/jquery-1.4.2.min.js">
</script>
<title>Untitled Document</title>
<script type="text/javascript">
$(function(){
$("input[value='设置']").click(function(){
$("input[type='checkbox']").each(function(index,el){
if(el.checked){
var parentTrObj = $(this).parent().parent("tr");
$.each(parentTrObj.find("select"),function(index,el){
el.selectedIndex = 2;
});
}
});
});
});
</script>
</head>
<body>
<table>
<tr>
<td>
<input type="checkbox" id="personId"/>
</td>
<td>
<select id="dlList">
<option value="0">--请选择--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
<td>
<select id="dlList">
<option value="0">--请选择--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="checkbox" id="personId"/>
</td>
<td>
<select id="dlList">
<option value="0">--请选择--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
<td>
<select id="dlList">
<option value="0">--请选择--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
<tr>
<td>
<input type="checkbox" id="personId"/>
</td>
<td>
<select id="dlList">
<option value="0">--请选择--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
<td>
<select id="dlList">
<option value="0">--请选择--</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
<input type="button" value="设置"/>
</table>
</body>
</html>