선택 상자의 배열에서 선택된 값을 자바 스크립트로 가져 오기

Question

jquery를 사용하여 동적 선택 상자를 만들었습니다. 선택 상자를 배열 이름 = Child[]으로 작성했습니다. 내 코드보기

for(i=1;i<=val;i++){ 

      var newParagraph = $('<dl class="thirty fl"><dt>Child '+i+'</dt> <dd><select name="child[]"><option value="">--select--</option><option value="1">1</option><option value="2">2</option><option value="3">3</option</select></dd></dl>'); 
       $('#childDynamic').append(newParagraph); 
      } 

양식 유효성 검사 섹션 (자바 스크립트)에서이 선택 상자의 유효성을 검사하는 방법은 무엇입니까? JavaScript를 사용하여 선택 상자의 배열에서 값을 가져 오는 방법을 모르겠다.

누구든지 나를 도와 줄 수 있습니까? 사전에

감사

Answer 1

(당신은 실제로 ... 어쨌든 HTML은 배열이없는 주어진 선택 요소의 배열을 가지고있다.하지만하지 않습니다)

당신은 name 속성을 사용하는 경우 선택기를 사용하면 select 요소가 포함 된 jQuery 객체를 얻을 수 있습니다.

$('#childDynamic select[name="child\\[\\]"]') 

... 그러면 적합하다고 생각하는대로 처리 할 수 ​​있습니다.

대괄호는 jQuery 선택기에서 특별한 의미가 있기 때문에 백 슬래시로 이스케이프해야하며 문자열 리터럴에 백 슬래시를 포함하려면 이스케이프해야합니다.

어쨌든, 난 당신이 적용 할 검증의 종류를 알 수는 없지만 각각의 선택을 통해 루프를 원한다면 당신은 같은 것을 할 수있는 몇 가지 방법으로 그 값을 확인하십시오

var valid = true; 
$('#childDynamic select[name="child\\[\\]"]').each(function() { 
    var val = $(this).val(); 
    // example validation: make sure something other than the default 
    // blank value is selected 
    if (val === "") { 
     valid = false; 
    } 
}); 
if (!valid) { 
    // do something 
}