텍스트 상자, 드롭다운 상자 및 라디오 버튼_javascript 기술의 가치를 얻는 JS의 간단한 예

1. 텍스트 상자

1.1

var t=document.getElementById("test").value를 통해 변수 t에 값을 할당합니다.

1.2 물론 알려진 변수 값을 역순으로 텍스트 상자에 할당할 수도 있습니다. 예:

var m = "5";
document.getElementById("test").value= m;

2. 드롭다운 목록 상자

2.1

11
<옵션 값="2" 선택됨>22
<옵션 값="3">33

var s=document.getElementById("sel").value를 통해 상자에서 선택한 값을 가져옵니다. 여기서는 value="2" 옵션이 기본적으로 선택되어 있으므로 변수 s에 할당된 값은 다음과 같습니다. "22" 대신 "2",

"텍스트 값"("33")에 해당하는 "3"과 같이

에서 선택한 "값"을 테스트 텍스트 상자에 할당하려면 다음 방법을 사용할 수 있습니다.

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

2.2 동일하므로 선택하세요.

코드 복사

코드는 다음과 같습니다.var m = "2", for(var i = 0;i                                                 > ~ >

라디오 선택이 가능하려면 라디오 버튼 상자 행의 이름 속성 값이 동일해야 합니다.

코드 복사


코드는 다음과 같습니다.

aaaaaaaaaa

bbbbbbbbb

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;//텍스트 가져오기

}
}

이전 방법에 비해 두 가지 방법이 더 간단합니다

1. IE는 Firefox를 지원하지만 지원하지 않습니다.

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

var obj=document.getElementById(이름);

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;