JavaScript의 다중 선택 요소에서 선택한 값을 검색하는 방법은 무엇입니까?

다중 선택 요소에서 값 검색

다중 선택 기능이 있는 양식 요소를 처리할 때 일반적인 작업에는 선택한 값을 추출하는 작업이 포함됩니다. 이는 사용자의 기본 설정이나 선택을 캡처해야 하는 시나리오에 특히 적합합니다.

선택한 값을 추출하는 JavaScript 기술

<선택> 여러 속성이 있는 요소의 경우 JavaScript는 간단한 접근 방식을 제공합니다.

<code class="javascript">function getSelectValues(select) {
  var values = [];
  for (var i = 0; i < select.options.length; i++) {
    if (select.options[i].selected) {
      values.push(select.options[i].value || select.options[i].text);
    }
  }
  return values;
}

이 함수는 요소의 옵션을 확인하고 선택된 항목을 식별합니다. 옵션을 선택하면 함수는 특정 사용 사례에 따라 해당 값이나 텍스트를 검색합니다. 결과는 선택한 값을 포함하는 배열입니다.

사용 예

다음 HTML 마크업을 고려하세요.

<code class="html"><select multiple>
  <option>Option 1</option>
  <option value="Option 2">Option 2</option>
</select>

<button onclick="
  var select = document.querySelector('select');
  var values = getSelectValues(select);
  alert(values);
">
  Show Selected Values
</button></code>

버튼을 클릭할 때 , getSelectValues ​​함수가 호출되고 선택한 값이 경고 상자에 표시됩니다.

추가 고려 사항

위에 설명된 JavaScript 방법은 선택한 값을 검색하는 안정적인 방법을 제공합니다. 여러 선택 상자에서. 그러나 특정 상황에서는 값 및 텍스트 속성과 관련하여 브라우저 간 호환성 문제가 발생할 수 있다는 점에 유의할 가치가 있습니다. 일관된 동작을 보장하려면 브라우저 호환성이 주요 관심사인 경우 jQuery와 같은 라이브러리를 사용하는 것이 좋습니다.

위 내용은 JavaScript의 다중 선택 요소에서 선택한 값을 검색하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

JavaScript jquery html Array if for select using Attribute function this alert

성명：

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

이전 기사：jQuery AJAX로 XML을 로드할 때 \"\'No \'Access-Control-Allow-Origin\' 헤더\' 오류\"를 수정하는 방법은 무엇입니까?다음 기사：jQuery AJAX로 XML을 로드할 때 \"\'No \'Access-Control-Allow-Origin\' 헤더\' 오류\"를 수정하는 방법은 무엇입니까?

관련 기사

더보기

• Bootstrap 목록 그룹 구성 요소에 대한 심층 분석
• JavaScript 함수 커링에 대한 자세한 설명
• JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)
• Angularjs는 WeChat UI(weui)를 통합합니다.
• JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술

공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！

회사 소개부인 성명Sitemap

© php.cn All rights reserved