js 선택 옵션 개체 summary_javascript 기술

기본 이해:

var e = document.getElementById("selectId")

e.options= new Option("텍스트","값")

//옵션 개체를 만듭니다. 즉, 태그에 하나 이상의 text

//options는 text

1:옵션 속성[ ] 배열:

길이 속성---------길이 속성

selectedIndex 속성---------현재 선택된 상자에 있는 텍스트의 인덱스 값입니다. 이 인덱스 값은 (No)에 해당하는 메모리(0,1,2,3...)에 의해 자동으로 할당됩니다. . 하나의 텍스트 값, 두 번째 텍스트 값, 세 번째 텍스트 값, 네 번째 텍스트 값.....)

2: 단일 옵션의 속성

(---obj.options[obj.selecedIndex]는 지정된

태그이며 ---입니다.) 텍스트 속성---------텍스트 반환/지정

값 속성------<옵션 값="...">과 일치하는 값을 반환/지정합니다.

색인 속성---------아래 첨자를 반환합니다.

selected 속성 ------- 객체가 선택되었는지 여부를 반환/지정합니다. true 또는 false를 지정하면 선택한 항목이 동적으로 변경될 수 있습니다.

defaultSelected 속성-----객체가 기본적으로 선택되어 있는지 여부를 반환합니다. 참/거짓.

3: 옵션 방법

태그 추가 -----obj.options.add(new("text","value"));

태그 삭제----obj.options.remove(obj.selectedIndex)<삭제>

태그의 텍스트 가져오기----obj.options[obj.selectedIndex].text

태그 값 수정----obj.options[obj.selectedIndex]=new Option("New Text","New Value")

모든 태그 제거------obj.options.length = 0

태그 값 가져오기----obj.options[obj.selectedIndex].value

참고:

a: 위 메소드는 obj.funciton 대신 이런 유형의 메소드 obj.options.function()처럼 작성됩니다. 왜냐하면 IE와 FF에서의 호환성을 고려하기 위해 obj.add()와 같은 메소드는 오직 IE에서 유효합니다.

b: obj.option의 옵션은 대문자로 표기할 필요가 없으며, new Option의 Option은 대문자로 표기해야 합니다.

두 번째 신청

코드 복사

코드는 다음과 같습니다.
< ;/head>

내 가방
  내 기름
  내 부담
value="결과 보기" onclick="number();">



이를 바탕으로 작은 다음과 같이 JQEURY AJAX JSON을 사용하는 함수:

JS 코드 : (SELECT 관련 코드만 가져옴)