JS获取foreach下拉款选中的值

[alan3494]

请问各位大佬！这个值要怎么取啊
整个页面是个大的cforeach
每一行的select选择框是另一个cforeach遍历出来的下拉款
我用var boxid =$("#testSelect option:selected").val();这个只能获取到第一行的下拉框，其他下拉款的值都获取不到 （就是点击旁边的按钮获取左边下拉框的值）

相当于一个遍历中的按钮获取子遍历选择框中的一个值……

<C:forEach items="${selectList}" var="item" varStatus="status">
            <td>
              <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i class="layui-icon"></i></div>
            </td>
            <td>${item.caseid}</td>

            <td><C:if test="${empty item.boxid||item.boxid=='0'}">未放置</C:if>
            	<C:if test="${ item.boxid!='0'}">${item.boxid}</C:if>
            
            </td>    
            <td class="td-manage">
            <C:if test="${empty item.boxid||item.boxid=='0'}">


            	  <select id="testSelect"  name="" style="width:200px;" >   
					  <option value=""></option>   


					<C:forEach items="${boxList}" var="li" varStatus="status">
					  <option  value="${li.boxid}">${li.boxname}</option> 
					  </C:forEach>


			 	</select>




              <input class="layui-btn" type="button" value="添加入箱子" onclick="insertNewCase(${item.caseid},${item.subcaseid},${item.boxid})">

              </C:if>
              <C:if test="${not empty item.boxid && item.boxid!='0'}">已放入</C:if>
            </td>
          </tr>
        </C:forEach>


    
    function insertNewCase(caseId,subCaseId,isBoxId) {
    	var boxid =$("#testSelect option:selected").val(); //获取动态下拉框
//     	var boxida =$("#testSelect").val() ;
    	
    	alert("boxid="+boxid);
//     	alert("boxida="+boxida);
    	if(boxid==""){
    		alert("请选择放置箱");
    		return false;
    	}
    	
    	if (typeof(isBoxId)== "undefined"){
    		isBoxId="";
    		}  
    	
// 		alert("boxid="+boxid+"caseId="+caseId+"subCaseId="+subCaseId+"isBoxId="+isBoxId);
		window.location.href = "/webTask/boxInfo/insertNewCase.do?"
				+"&caseId="
				+caseId
				+"&subCaseId="
				+subCaseId
				+"&boxid="
				+boxid
				+"&isBoxId="//用来判断记录表是插入还是修改
				+isBoxId
				;
		
	}

[alan3494]

求助啊~求助啊~求助啊~求助啊~求助啊~

[nayi_224]

每个select需要一个唯一的id

<select id="testSelect_${item.caseid}"  name="" style="width:200px;" >

[Spade2]

楼上的解决方法合理

[alan3494]

引用 2 楼 nayi_224 的回复:

每个select需要一个唯一的id

<select id="testSelect_${item.caseid}"  name="" style="width:200px;" >

非常感谢，刚刚有人指导了用的就是这个方法！
<select id="testSelect${status.index}" name="" style="width:200px;" >

onclick="insertNewCase(${item.caseid},${item.subcaseid},${item.boxid},'${status.index}')"

function insertNewCase(caseId,subCaseId,isBoxId,status) {
var id = "#testSelect"+status+" option:selected";
var boxid = $(id).val();

就成功的获取到了!