>  기사  >  웹 프론트엔드  >  현재 선택 요소 value_form 효과를 가져오는 js 코드

현재 선택 요소 value_form 효과를 가져오는 js 코드

WBOY
WBOY원래의
2016-05-16 18:29:09915검색
  1. select 요소 아래의 모든 옵션 요소가 selected 속성을 지정하지 않으면 기본적으로 첫 번째 속성이 선택됩니다.
  2. 선택된 옵션 요소의 인덱스는 select.selectedIndex를 통해 얻을 수 있습니다.
  3. 선택된 옵션 요소는 select.options[select.selectedIndex]를 통해 얻을 수 있습니다.
  4. option 요소, 옵션 요소의 value 속성 값은 option.value를 통해 얻을 수 있으며, 이는 value3입니다. option.text를 통해 얻은 내부 텍스트는 text3입니다.
  5. option 요소가 value 속성을 정의하지 않으면 IE에서는 option.value를 얻을 수 없지만 Safari, Opera, FireFox는 여전히 option.value를 통해 얻을 수 있으며 값은 option.text와 동일합니다.
  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 :
}
null 반환
}
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.