선택한 요소에 특성이 있는지 확인합니다.

Question

두 가지 유형의 목록이 선택 요소에 추가되었습니다.

사용자 목록 : 그룹의 <option value="domain\davidr" userid="108">David</option>

목록 : <option value="Test Group" groupid="10">Test Group</option>

이 내 HTML을 선택입니다 :

<select id="groupOwner"> 
     <option value="default" disabled>Select a Group Owner</option> 
     <optgroup label="---Users---"></optgroup> 
    </select> 

내가 "사용자"또는 "중 하나로 변수를 설정해야합니다 그룹 "을 선택합니다.

내가이 일을 시도 : var ownerType = $("#groupOwner[groupid]") ? "group" : "user";을하지만 "그룹"

Answer 1

는 첫째, groupid 및 userid가 option 요소의 유효한 속성이 아니며 페이지가 잘못 렌더링을 반환 유지합니다. 대신 data-* 속성을 사용

<!-- Example user item --> 
<option value="domain\davidr" data-userid="108">David</option> 

<!-- Example group item --> 
<option value="Test Group" data-groupid="10">Test Group</option> 

둘째, #groupOwner은 선택, 당신이 선택한 option의 데이터 속성을 확인해야하는 반면. 이 시도 :

var ownerType = $("#groupOwner option:selected").data('groupid') ? "group" : "user"; 

Example fiddle

Answer 2

당신의 선택은 항상 true로 평가됩니다 : 당신의 선택에 대한 일치하지 않는 경우는, jQuery를 당신의 삼원 테스트 true로 평가됩니다 하늘의 배열을 반환합니다.

은 요소가 DOM에 있는지 여부를 확인하기 위해 jQuery에 의해 반환 된 배열의 길이를 테스트해야합니다.

예 :.

// Will print No, foo isn't an HTML element present on the DOM 
$('foo').length ? console.log('Yes') : console.log('No'); 

// Will print Yes, $('foo') = [] 
$('foo') ? console.log('Yes') : console.log('No'); 

Answer 3

$ ("선택") 수 (0) .hasAttributes ("속성");