드롭다운 box_javascript 기술에서 선택한 항목의 값과 텍스트를 가져오는 Js 구현 코드

Js는 드롭다운 상자의 값과 텍스트를 얻는 두 가지 방법을 제공합니다. 그러나 일부 사람들은 브라우저 간의 차이로 인해 발생하는 오류를 고려하지 않아 많은 초보자가 오랫동안 이를 파악하도록 만듭니다. 시간이 지나도 실수를 찾을 수 없습니다!

아래에는 Firefox 및 IE의 드롭다운 상자에서 선택한 항목의 값과 텍스트를 가져오는 방법이 요약되어 있습니다.

1. IE와 Firefox 모두 지원되는 방법:
텍스트 가져오기

코드 복사 코드는 다음과 같습니다.

var obj=document.getElementById('select_template');
var text=obj.options[obj.selectedIndex].text;//텍스트 가져오기

var obj=document.getElementById("select_template");
for(i=0;i if(obj [i].selected==true) {
          var text=obj[i].text;//텍스트 가져오기
      }
}

과 비교 이전 방법은 비교적 간단합니다

2. IE는 Firefox를 지원하지만 다음은 지원하지 않습니다.

코드 복사 코드는 다음과 같습니다:

var obj=document.getElementById(name);

for(i=0;i if(obj[i].selected==true) {
var text= obj[i].innerText
}
}

값을 가져오는 방법은 IE 및 Firefox에서 공통됩니다.
var value=document.getElementById("select_template").value;//값 가져오기

요약: 사실 가장 큰 이유는 IE와 Firefox 모두 value 및 text 속성을 지원하지만 Firefox는 innerText 속성을 지원하지 않기 때문입니다.

Js는 현재 페이지에서 새 링크 열기를 구현합니다:
window.location.href=url;