يشارك هذا المثال قائمة تنفيذ JS حدد القائمة المنسدلة للربط الثانوي للرجوع إليها. المحتوى المحدد كما يلي
<٪@ page language = "java" import = "java.util.*" pageencoding = "utf-8" ٪> <٪ string path = request.getContextPath () ؛ String basePath = request.getScheme ()+": //" request.getServerName ()+"+request.getserport () "-// w3c // dtd html 4.01 transitional // en"> <html> <head> <title> مستند جديد </title> <meta name = "generator" content = "editplus"> <meta name = "upution" content = ""> <meta name = "content =" meta content = "description = Type = "Text/JavaScript"> // يحدد صفيفًا ثنائي الأبعاد من المدن ، والترتيب فيه هو نفسه من المقاطعات. احصل على القيمة الفرعية للمقاطعة بواسطة SelectIndex للحصول على صفيف المدينة المقابل Var City = [["Beijing" ، "Tianjin" ، "Shanghai" ، "Chongqing"] ، ["Nanjing" ، "Longyan" ، "Nantong" ، "Changzhou" ، ["Fuzhou" ، ["Guangzhou" ، "Chaoyang" ، "Chaozhou" ، "Chenghai"] ، ["Lanzhou" ، "Baiyin" ، "Dingxi" ، "Dunhuang"]] ؛ وظيفة getCity () {// احصل على كائن المقاطعة المنسدلة Var sltprovince = document.form1.province ؛ // احصل على كائن مربع المدينة المنسدلة var sltcity = document.form1.city ؛ // احصل على صفيف المدينة VAR لمقاطعة المقاطعة المقابلة = City [sltprovince.SelectedIndex - 1] ؛ // قم بمسح المربع المنسدلة للمدينة ، تاركًا فقط خيار المطالبة sltcity.length = 1 ؛ // املأ القيمة في صفيف المدينة في المربع المنسدلة للمدينة لـ (var i = 0 ؛ i <provincecity.length ؛ i ++) {sltcity [i+1] = خيار جديد (Provincecity [i] ، provincecity [i]) ؛ }} </script> </head> <body> <method method = post Action = "" name = "form1"> <select name = "province" onChange = "getCity ()"> <tort المقاطعة "> مقاطعة فوجيان </option> <خيار value =" Guangdong Province "> مقاطعة Guangdong </Option> <Option Value =" Gansu Province "> Gansu Province </point> </select> <select name =" city "> <option value =" 0 "هذا الرمز بسيط نسبيا.
إذا لم تكن على دراية بـ JS ، فيمكنك إلقاء نظرة على المحتوى التالي حول معالجة JS كائنات تحديد :
1. استخدم خاصية SelectIndex للحصول على فهرس الخيار الحالي
الخيارات الموجودة في المربع المنسدلة هي صفيف خطي ، ويحتوي كل خيار على فهرس ، ويمثل المحدد رقم الفهرس للخيار المحدد حاليًا. إلى جانب سمة الخيارات ، يمكن الحصول على كائن الخيار المحدد ، بحيث يمكن معالجته بشكل أكبر. عندما يكون المربع المنسدل متعدد القبول ، تقوم خاصية SelectIndex بإرجاع أول فهرس محدد.
SelectionIndex هي خاصية للقراءة فقط. إذا كنت ترغب في تعيين العنصر في المربع المنسدل المحدد من خلال الفهرس إلى الحالة المحددة ، فيمكنك تعيين true = true لكائن الخيار لتحقيقه.
2. أضف خيارًا إلى كائن تحديد
sltcity [i+1] = خيار جديد (المقاطعة [i] ، المقاطعة [i]) ؛
خيار جديد (المقاطعات [i] ، المقاطعة [i]) تعني إنشاء كائن خيار مع مقاطعة القيمة [i] والنص هو المقاطعة [i]. sltcity هو كائن المدينة على الصفحة. I+1 يحدد موقع الخيار المضافة حديثًا.
3. مسح كائن تحديد
هناك طريقتان لحذف جميع الخيارات في المربع المنسدل.
الطريقة الأولى هي اجتياز الحذف:
var l = mySelect.Length ؛ لـ (var i = 0 ؛ i <l ؛ i ++) {mySelect.Options [i] = null ؛ }الطريقة الثانية بسيطة نسبيًا ، لذلك يتم استخدام هذه الطريقة بشكل عام:
mySelect.Length = 0 ؛