javascript 드 롭 다운 목록 상자 의 텍스트 값 예제 코드 가 져 오기

최근 에 문제 가 발생 했 습 니 다.사용자 가 드 롭 다운 목록 에 있 는 옵션 을 클릭 한 후에 선택 한 내용 을 저장 해 야 합 니 다.예 를 들 어 아래 HTML 코드

 
<select onchange="isSelected(this.value);" id="city"> 
<option value="1">  </option> 
<option value="2" >  </option> 
<option value="2" >  </option> 
</select>

는 사용자 가'상하 이'열 을 선택 할 때'상하 이'라 는 이름 을 저장 해 야 한 다 는 것 입 니 다.사실 방법 은 매우 간단 하 다.아래 javascript 코드 를 보십시오:

 
function isSelected(value) { 
var cityName; 
var city = document.getElementById("city"); 
//          
for(i=0;i<city.length;i++){ 
if(city[i].selected==true){ 
cityName = city[i].innerText; //    
alert("cityName:" + cityName); 
} 
}

이렇게 할 수 있 습 니 다.

 
function isSelected(value) { 
var city = document.getElementById("city"); 
alert(city.options[city.selectedIndex].innerText); 
}

대체적으로 설명 하 겠 습 니 다.우선 HTML 페이지 에 드 롭 다운 상자 가 있 고 이 드 롭 다운 상자 에"city"id 를 정 하고 onchange 사건 을 연결 하 였 습 니 다.이 사건 을 통 해 javascript 함 수 를 호출 합 니 다.javascript 함수 에서 domcument 대상 을 통 해 현재 드 롭 다운 상자 의 노드 요 소 를 가 져 옵 니 다.노드 의 값 이 하나 만 있 는 것 이 아니 기 때문에 우 리 는 순환 노드 를 통 해 모든 옵션 의 값 을 얻 을 수 있 습 니 다.순환 할 때 현재 옵션 이 선택 되 었 는 지 여 부 를 판단 하고 선택 하면 city[i].innerText 방식 으로 현재 선택 한 텍스트 값 을 가 져 옵 니 다.물론 옵션 값 을 가 져 오 려 면 이렇게 하면 됩 니 다:city[i].value.이로써 위의 방법 을 통 해 IE 에서 원 하 는 결 과 를 얻 을 수 있 습 니 다.그러나 FIREFOX 에서 테스트 를 했 을 때 이 법 이 효과 가 없다 는 것 을 알 게 되 었 고 마지막 으로 자 료 를 찾 아 보 니 다른 방법 이 발견 되 었 다.city[i].innerText 를 city[i].text 로 바 꾸 면 됩 니 다.이런 방법 은 IE 및 FIXEPOX 에 모두 적용 된다!

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

Thymeleaf 의 일반 양식 제출 과 AJAX 제출

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다