현재 선택 element_form 효과의 값을 가져오는 js 코드-JS 튜토리얼-php.cn

1. select 요소 아래의 모든 옵션 요소가 selected 속성을 지정하지 않은 경우 첫 번째 항목이 기본적으로 선택됩니다.
2. select.selectedIndex를 통해 선택한 옵션 요소의 인덱스를 얻을 수 있습니다.
3. 선택된 옵션 요소는 select.options[select.selectedIndex]를 통해 얻을 수 있습니다.
4. 옵션 요소, 옵션 요소의 value 속성 값은 option.value를 통해 얻을 수 있으며, 이는 value3일 수 있습니다. option.text를 통해 얻은 옵션 요소 내의 텍스트(예: text3)입니다.
5. option 요소가 value 속성을 정의하지 않으면 IE에서는 option.value를 얻을 수 없지만 Safari, Opera, FireFox는 여전히 option.value를 통해 얻을 수 있으며 값은 option과 동일합니다. 텍스트.
6. option.attributes.value && option.attributes.value.specified를 사용하여 옵션 요소가 값 속성을 정의하는지 확인할 수 있습니다.

따라서 현재 선택 요소 값을 가져오는 스크립트는 다음과 같습니다.

코드 복사 코드

 
var getSelectValue = funtion(select) { 
var idx = select.selectedIndex, 
option, 
value 
if (idx > - 1) { 
option = select.options[idx]; 
value = option.attributes.value; 
return(value && value.specified) ? option.value : option.text); } 
return null; 
} 

과거에는 호환성 문제로 인해 모두가 select.options[select.sekectedIndex].value를 사용하여 값을 얻었지만 이제는 가능합니다. select.value 사용

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 ]

이벤트를 실행하려면 새로 고쳐야 합니다. 트리거링도 사용할 수 있습니다