이 기사에서는 JS에서 입력 함수로 선택 드롭 다운 상자를 구현하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
구현 방법 1
다음과 같이 코드를 복사하십시오. <html>
<헤드>
<meta http-equiv = 'content-type'content = 'text/html; charset = gb2312 '>
<title> js는 입력 가능한 드롭 다운 상자 </title>를 구현합니다
</head>
<body>
<div style = "위치 : 상대;">
<span style = "margin-left : 100px; 너비 : 18px; 오버플로 : 숨겨진;">
<onchange = "this.parentnode.nextsibling.value = this.value">를 선택하십시오
<옵션 값 = "독일"> 독일 </옵션>
<옵션 값 = "노르웨이"> 노르웨이 </옵션>
<옵션 값 = "스위스"> 스위스 </옵션>
</select> </span> <입력 이름 = "box">
</div>
</body>
</html>
구현 방법 2
코드 코드를 다음과 같이 복사하십시오.
<옵션 값 = ""> </옵션>
<옵션 값 = "AAA"> AAA </옵션>
<옵션 값 = "bbb"> bbb </옵션>
<옵션 값 = "CCC"> CCC </옵션>
</선택>
<입력 유형 = "버튼"value = "선택 값 가져 오기"id = "test"onclick = "test ();"/>
<cript>
var select = {
del : 함수 (obj, e) {
if ((e.keycode || e.which || e.charcode) == 8) {
var opt = obj.options [0];
opt.text = opt.value = opt.value.substring (0, opt.value.length> 0? opt.value.length-1 : 0);
}
},
쓰기 : 함수 (obj, e) {
if ((e.keycode || e.which || e.charcode) == 8) return;
var opt = obj.options [0];
opt.selected = "selected";
opt.text = opt.value += string.fromcharcode (e.charcode || e.which || e.keycode);
}
}
기능 test () {
alert (document.getElementById ( "select"). value);
}
< /script> <br />
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.