DA东的gravatar头像
DA东 2014-09-17 13:49:08

js遍历tr取出下拉列表中的值,然后拼接数组。。。解决掉后追加牛币...

之前的效果是这样的..js遍历tr取出下拉列表中的值,然后拼接数组。。。解决掉后追加牛币...z这是之前的效果...遍历tr如果复选框选中..那么拼接字符串...拼接的内容有id+dealNote

现在其中的一个复选按钮换成下拉框...js遍历tr取出下拉列表中的值,然后拼接数组。。。解决掉后追加牛币...然后这次遍历tr的时候判断下拉列表...如果下拉列表有值择在原字符串上加上id+dealNote+下拉值..

按钮时候写的代码是这样的。。。。。

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<script type="text/javascript">
function reachedOut() {
	var reachArr =  '';
	var revokeArr = '';
	$('table#datatable > tbody > tr').each(function(index,data){
		var id = $(this).attr('id');
		var txt = $(this).find('textarea:first').val();
		//alert($(this).find("select").val())

		$(this).find('div.btn-group-xs > button.btn-success').each(function(){
			if ($(this).val()=='1'){
				reachArr += id+'#['+txt+']'+'|';
			} 
			if($(this).val()=='2'){
				revokeArr += id+'#['+txt+']'+'|';
			}			
		});	
	});
	$('#reachedids').val(reachArr);
	$('#revokeids').val(revokeArr);
	$('form#clicked').attr('action','${pageContext.request.contextPath}/ident/updateReachedOut.do');
	$('form#clicked').submit();
}

$('#datatable tbody tr button').click(function(){
	if($(this).hasClass("btn-info")){
		$(this).removeClass("btn-info");
		$(this).addClass("btn-success");
		$(this).siblings("button").each(function(idx, data){
			$(this).removeClass("btn-success");
			$(this).addClass("btn-info");
		})
	}else{
		$(this).removeClass("btn-success");
		$(this).addClass("btn-info");
	}	
});
function test_fontToRed(itemId) {
	var id_tmp='item_'+itemId;
	$('#'+id_tmp).css('color','#9f301d');
}

</script> 
<style>
	/* a:link {color: #000; text-decoration:none;} */
	/* a:visited { color: #000;text-decoration:none;} */
	/* a:hover {color: #bc2931; text-decoration:underline;}
	a:active {color: #000;} */
</style>
<button type="button" class="btn btn-primary" onClick="reachedOut()">Submit</button> 
<table id="datatable" class="table table-bordered">
	<thead>
		<tr>
			<th>No.</th>
			<th>Name</th>
			<th>Description</th>
			<th>Gender</th>
			<th Views onclick="sortCategroy()" id="categroy">Categroy</th>
			<th Views onclick="sortVideos()" id="videos">Videos</th>
			<th Views onclick="sortViews()" id="views">Views</th>
			<th Views onclick="sortSubscribers()" id="subscribers">Subscribers</th>
			<th Views onclick="sortPlatform()" id="platform">Platform</th>
			<th>DealNote</th>
			<th>DealStatus</th>
			<th>Mark</th>
		</tr>
	</thead>
	<tbody>
		<c:forEach items="${userRepList}" var="item" varStatus="in">
				<tr id="${item.id}" >
				<td>${in.index+1}</td>
				<td><a href="${item.url}" target="_blank" onClick="test_fontToRed('${item.id}')"><font id='item_${item.id}'>${item.name}</font></a></td>
				<td>${item.description}</td>
				<td>${item.gender}</td>
				<td>${item.category}</td>
				<td>${item.videos}</td>
				<td>${item.views}</td>
				<td>${item.subscribers}</td>
				<td>${item.platform}</td>
				<td><textarea name="dealnote" value="${item.dealNote}" style="width:100%;height:100%;">${item.dealNote}</textarea></td>
				<td>${item.dealStatus}</td>
				<td>
					<div class="btn-group-xs btn-group-vertical">
					<!-- <select name="way" value="1">
							<option>Reached-out</option>
							<option value="QQ">QQ</option>
							<option value="微博">微博</option>
							<option value="微信">微信</option>
					</select> -->
					<button type="button" class="btn btn-info" value="1">Reached-out</button>
					<button type="button" class="btn btn-info" value="2">Revoke</button>
					</div>
				</td>
			</tr>
		</c:forEach>
	</tbody>
</table>
<button type="button" class="btn btn-primary" onClick="reachedOut()">Submit</button> 

求各位会的牛牛帮我改一下.....谢谢.....

所有回答列表(2)
caoyue521的gravatar头像
caoyue521  LV18 2014年9月17日

 

<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="f" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>

<script type="text/javascript">
function reachedOut() {
	var reachArr =  '';
	var revokeArr = '';
	$('table#datatable > tbody > tr').each(function(index,data){
		var id = $(this).attr('id');
		var txt = $(this).find('textarea:first').val();
		//alert($(this).find("select").val())

		$(this).find('div.btn-group-xs > btn-group-vertical').each(function(){
			if ($(this).find('select:first').val()=='QQ'){
				reachArr += id+'#['+txt+']'+'QQ'+'|';
			} 
			if($(this).find('select:first').val()=='微博'){
				revokeArr += id+'#['+txt+']'+'微博'+'|';
			}	
		
 
                        if($(this).find('select:first').val()=='微信'){
				revokeArr += id+'#['+txt+']'+'微信'+'|';
			}	
		
		});	
	});
	$('#reachedids').val(reachArr);
	$('#revokeids').val(revokeArr);
	$('form#clicked').attr('action','${pageContext.request.contextPath}/ident/updateReachedOut.do');
	$('form#clicked').submit();
}

$('#datatable tbody tr button').click(function(){
	if($(this).hasClass("btn-info")){
		$(this).removeClass("btn-info");
		$(this).addClass("btn-success");
		$(this).siblings("button").each(function(idx, data){
			$(this).removeClass("btn-success");
			$(this).addClass("btn-info");
		})
	}else{
		$(this).removeClass("btn-success");
		$(this).addClass("btn-info");
	}	
});
function test_fontToRed(itemId) {
	var id_tmp='item_'+itemId;
	$('#'+id_tmp).css('color','#9f301d');
}

</script> 

 

评论(2) 最佳答案
遇见,的gravatar头像
遇见,  LV36 2014年9月18日
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<!--引入-JQUERY--->
		<!--<script type="text/javascript" src="jquery-1.7.2.min.js">-->
		<script type="text/javascript">
			function test(){
				var result = "";
				$("#testTable select[name = 'way']").each(function(e){
					result += this.value+",";
				});
				result = result.substring(0, result.length-1);
				alert(result);
			}
		</script>
	</head>
	
	<body>
		<table id="testTable">
			<tr>
				<td>FV</td>
			</tr>
			<tr>
				<td>
					<select name="way">
						 <option>Reached-out</option>
						 <option value="QQ">QQ</option>
						 <option value="微博">微博</option>
						 <option value="微信" selected>微信</option>
					 </select>
				</td>
			</tr>
			<tr>
				<td>
					<select name="way">
						 <option>Reached-out</option>
						 <option value="QQ" selected>QQ</option>
						 <option value="微博">微博</option>
						 <option value="微信">微信</option>
					 </select>
				</td>
			</tr>
		</table>
		<input type="button" id="testBtn" onclick="test()" value="test" />
	</body>
</html>

是这样么

顶部 客服 微信二维码 底部
>扫描二维码关注最代码为好友扫描二维码关注最代码为好友