질문

여러 옵션을 선택할 수있는 선택 상자가 있습니다. 이제 특정 인덱스의 가치를 얻고 싶습니다. 어떻게 할 수 있습니까? 예를 들어 다음 값을 가진 선택 상자가 있습니다.

0-애플1-주황색2-바나나3-파인애플

이제 바나나 인 인덱스 2의 값을 얻고 싶습니다. jQuery에서 어떻게 할 수 있습니까?

답변1

선택 상자에 값과 텍스트에 대해 동일한 값이 있으면 다음과 같이 eq () 및 val () 을 사용하여 두 번째 선택에 대한 값을 가져올 수 있습니다.

console.log($("select option:eq(2)").val());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
  <option value="Apple">Apple</option>
  <option value="Orange">Orange</option>
  <option value="Banana">Banana</option>
  <option value="Pineapple">Pineapple</option>
</select>

Expand snippet

선택 항목에 숫자 값과 텍스트가있는 경우 eq () 및 text () 를 사용하여 "Banana"텍스트를 가져올 수 있습니다.

console.log($("select option:eq(2)").text());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
  <option value="0">Apple</option>
  <option value="1">Orange</option>
  <option value="2">Banana</option>
  <option value="3">Pineapple</option>
</select>

Expand snippet

"Banana"라는 텍스트가있는 옵션의 값을 얻으려면 filter () 를 사용하여이를 수행 할 수 있습니다.

console.log($("select option").filter(function () { return $(this).html() == "Banana"; }).val());

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select>
  <option value="0">Apple</option>
  <option value="1">Orange</option>
  <option value="2">Banana</option>
  <option value="3">Pineapple</option>
</select>