목록에서 N번째 옵션을 선택합니다.

기사 요약

이 요약이 도움이 되었나요?

의견을 보내 주셔서 감사합니다.

*이 페이지의 일부는 기계 번역되었습니다.

목록에서 N번째 옵션 선택하기

[목록에서 값 선택](/docs/목록에서 레이블별로 선택) 단계에서는 옵션이 레이블에 따라 선택되므로 N번째 옵션을 선택하는 데 사용할 수 없습니다.

그러나 '요소에 대한 JS 단계'와 '목록에서 값 선택' 단계를 결합하면 동일한 작업을 수행할 수 있습니다.

참고

여기에 설명된 방법은 <select> 요소를 사용하여 구현되지 않은 목록에는 사용할 수 없습니다.

일반 JS 스텝을 사용하면 단일 JS 스텝으로 목록에서 N번째 옵션을 선택할 수 있습니다. 그러나 이 페이지에서는 '요소에 대한 JS 단계'를 '목록에서 값 선택' 단계와 결합하는 방법을 보여드리며, '요소에 대한 JS 단계'를 사용하면 다음과 같은 이점이 있습니다:

먼저 대상 목록을 마우스 오른쪽 버튼으로 클릭하고 [자동 레코더] > [JS 단계 추가]를 선택합니다. 그런 다음 목록에서 적절한 값을 선택하고 [저장] 을 클릭합니다.
en_select_option_n_1.png.png

이렇게 하면 두 단계가 생성됩니다: "자바스크립트 실행"(이 단계를 "요소에 대한 JS 단계"라고 부릅니다)과 "목록에서 ... 선택"이 생성됩니다.

요소에 대한 JS 단계를 열고 다음 코드를 붙여넣습니다. Autify가 요소를 가져오므로 필요한 코드가 줄어듭니다.

'''자바스크립트
// 목록의 인덱스는 0부터 시작하므로 네 번째 옵션을 선택하려면 3을 지정합니다.
const index = 3;

// -- 여기서부터는 변경할 필요가 없습니다.
// 지정된 인덱스 번호의 라벨을 가져옵니다.
const label = element.options[index].label;

// 얻은 레이블을 반환하여 후속 단계에서 사용할 수 있도록 합니다.
레이블을 반환합니다;


아래 섹션은 옵션의 인덱스 번호를 지정합니다. 인덱스는 0부터 시작하므로 네 번째 옵션을 선택하려면 3으로 설정합니다.

```자바스크립트
const index = 3;

다음으로 "목록에서 ... 선택" 단계를 클릭하고 레이블 값을 "다른 단계의 결과"로 변경한 후 JS Step for Element를 지정하고 저장합니다. 이제 JS Step for Element에서 얻은 레이블이 선택됩니다.

테스트를 실행해 봅시다.

결과를 보면 JS Step for Element의 반환값이 예상한 레이블 값임을 확인할 수 있습니다.

목록 값도 반환된 값으로 변경됩니다.

이 문서가 도움이 되었습니까?