บทความนี้อธิบายวิธีการใช้กล่องแบบหล่นลงที่เลือกด้วยฟังก์ชั่นอินพุตใน JS แบ่งปันสำหรับการอ้างอิงของคุณ วิธีการใช้งานเฉพาะมีดังนี้:
วิธีการดำเนินการหนึ่ง
คัดลอกรหัสดังนี้: <html>
<head>
<meta http-equiv = 'content-type' content = 'text/html; charset = gb2312 '>
<title> js ใช้กล่องแบบเลื่อนลงที่น่าสนใจ </title>
</head>
<body>
<div style = "ตำแหน่ง: ญาติ">
<span style = "margin-left: 100px; width: 18px; overflow: hidden;">
<เลือก onChange = "this.parentNode.nextsibling.value = this.value">
<ตัวเลือกค่า = "เยอรมนี"> เยอรมนี </potion>
<ตัวเลือกค่า = "นอร์เวย์"> นอร์เวย์ </potion>
<ตัวเลือกค่า = "สวิตเซอร์แลนด์"> สวิตเซอร์แลนด์ </portion>
</select> </span> <input name = "box">
</div>
</body>
</html>
วิธีการดำเนินการสอง
คัดลอกรหัสรหัสดังต่อไปนี้: <เลือก id = "เลือก" onkeydown = "select.del (เหตุการณ์นี้)" onkeypress = "select.write (เหตุการณ์นี้)">
<ตัวเลือกค่า = ""> </ตัวเลือก>
<ตัวเลือกค่า = "AAA"> AAA </potion>
<ตัวเลือกค่า = "bbb"> bbb </pontion>
<ตัวเลือกค่า = "ccc"> ccc </potion>
</เลือก>
<input type = "button" value = "รับค่าการเลือก" id = "test" onclick = "test ();"/>
<script>
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 = "เลือก";
opt.text = opt.value += string.fromCharcode (E.ChArcode || e.which || e.keCode);
-
-
ฟังก์ชั่นทดสอบ () {
การแจ้งเตือน (document.getElementById ("เลือก") ค่า);
-
</script> <br />
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน