각도기에서 선택된 옵션 값을 얻는 방법

Question

현재 선택 상자의 옵션 값을 어떻게 얻을 수 있습니까?

아래 코드를 시도했지만 작동하지 않습니다.

element(by.css('#selectbox')).all(by.tagName('option')).then(function (options) { 
    options.forEach(option => { 
     if (option.getAttribute('selected')) { 
      console.log('selected option', option); 
     } 
    }); 
}); 

어떤 도움을 주시면 감사하겠습니다. 각도기의 select와 상호 작용/처리하는 전체 더 좋은 방법이 있다고

element(by.css('#selectbox option[selected]')) 

참고 :

Answer 1

은 "선택"하고 속성 또는 클래스 가치있는 이자형?

그것은으로 일하는 것이

코드에서

"을 선택 요소를 얻을 수는, 그 값 읽어" :

//if selected is an attribute 
element(by.css('#selectbox option[selected]')).getAttribute('value').then(function(value){ 
    console.log('selected option is '+value); 
}) 

//if selected is a class-attribute 
element(by.css('#selectbox option.selected')).getAttribute('value').then(function(value){ 
    console.log('selected option is '+value); 
}) 

//note, that "element(by.css())" === "$()", so this is the same as the first one 
$('#selectbox option[selected]').getAttribute('value').then(function(value){ 
    console.log('selected option is '+value); 
}) 

Read more here about locators 더욱 중요한 here about CSS-Selectors

Answer 2

당신도 선택한 옵션을 필터링하거나 CSS 선택기로 직접 대상으로 .filter()을 사용할 수 있습니다 :

• Select -> option abstraction