모든 드롭 다운 목록의 표시된 drodpdownlist 및 ID의 총계를 가져옵니다.

Question

페이지가 여러 개인 select 요소가 있습니다. 일부는 보이고 일부는 보이지 않습니다. 눈에 띄는 숫자 인 select과 해당 ID를 얻고 싶습니다.

숫자가 $("select:visible").length을 사용하고 있지만 표시 할 수있는 드롭 다운 ID를 가져올 수 없습니다.

Answer 1

1) 볼 드롭 다운리스트의 개수 :

var len = $("select:visible").length; 

2) 모든 눈에 보이는 드롭 다운 목록의 ID를 얻을 :

$("select:visible").each(function(i,v){ // loop through all visible selectbox 
    console.log($(this).attr("id")); // you can get id using $(this).attr("id) 
    // OR 
    console.log(this.id); 
}) 

Answer 2

내가, 해당 페이지의 유효성을 검사 모두의 ID를 전달하려면 표시되는 드롭 다운 및 해당 값을 ajax 함수에 전달합니다.

이 경우에는 n 배열을 id 및 보이는 선택의 값. 당신은 할 수있다, 당신의 $.ajax 요청이 같은 데이터를 전송하기 전에 map()를 사용하여 :

var selectData = $("select:visible").map(function() { 
    return { 
     'id': this.id, 
     'value': this.value 
    } 
}).get(); 

$.ajax({ 
    url: '/myendpoint', 
    data: selectData, 
    success: function() { 
     console.log('It worked!'); 
    } 
});