تصف هذه المقالة طريقة تنفيذ مربع SELECT SELD-DOWN مع وظيفة الإدخال في 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">
<value Option = "Germany"> Germany </soph>
<Option Value = "Norway"> النرويج </option>
<value Option = "Switzerland"> Switzerland </Option>
</select> </span> <input name = "box">
</div>
</body>
</html>
طريقة التنفيذ الثانية
انسخ رمز الرمز كما يلي: <حدد ID = "SELECT" ONKEYDOWN = "SELECT.DEL (هذا ، الحدث)" onkeypress = "select.write (this ، event)">
<value Option = ""> </soph>
<Option Value = "AAA"> aaa </portion>
<Option Value = "BBB"> BBB </soph>
<Option Value = "CCC"> CCC </portion>
</select>
<type type = "button" value = "الحصول على قيمة التحديد" id = "test" onClick = "test () ؛"/>
<script>
var select = {
DEL: Function (OBJ ، E) {
if ((e.KeyCode ||
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 ||
var opt = obj.options [0] ؛
opt.selected = "select" ؛
opt.text = opt.value += string.fromcharcode (e.charcode ||
}
}
اختبار الوظيفة () {
ALERT (document.getElementByID ("SELECT"). value) ؛
}
</script> <br />
آمل أن تكون هذه المقالة مفيدة لبرمجة JavaScript للجميع.