المؤلف: القطع العادية [Yifan]
<أتش تي أم أل>
<الرأس>
<META NAME="AUTHOUR" Content="DANNY KANG">
<META NAME="CreateDate" Content="2004-10-28">
<META NAME="Keywords" Content="DANNY KANG,DannyKang,DK,[DK],pizz">
<META http-equiv=content-type content="text/html; charset=gb2312">
<لغة البرنامج النصي=جافا سكريبت>
//'+--------------------------------------------- ----
//'+ اسم الملف:
//'+ تم الإنشاء : 28-10-2004 .by pizz [DK]
//'+ تم التعديل: 28/10/2004 .by pizz [DK]
//'+ FuncDesc: استخدم ASP وJAVASCRIPT لتحقيق العرض المرتبط لبيانات خانة الاختيار المتعددة
//'+ www.downcodes.com
//'+--------------------------------------------
/ / محتويات خانة الاختيار الأولى
var DK_Array1 = new Array();
/*يمكن إنشاء الأجزاء التالية ديناميكيًا باستخدام ASP*/
DK_Array1[DK_Array1.length]=new Array('1','Category 1'); //معرف الفئة، اسم الفئة
DK_Array1[DK_Array1.length]=new Array('2','الفئة 2');
DK_Array1[DK_Array1.length]=new Array('3','الفئة 3');
DK_Array1[DK_Array1.length]=new Array('4','الفئة 4');
DK_Array1[DK_Array1.length]=new Array('5','الفئة 5');
DK_Array1[DK_Array1.length]=new Array('6','الفئة 6');
DK_Array1[DK_Array1.length]=new Array('7','الفئة 7');
DK_Array1[DK_Array1.length]=new Array('8','الفئة 8');
////////////////////////////////////////////////////////////////// /// /////
// محتويات خانة الاختيار الثالثة
var DK_Array3 = new Array();
/*يمكن إنشاء الأجزاء التالية ديناميكيًا باستخدام ASP*/
DK_Array3[DK_Array3.length]=new Array('1','1','Subclass 1.1'); // معرف الفئة، معرف الفئة الفرعية، اسم الفئة الفرعية
DK_Array3[DK_Array3.length]=new Array('1','2','Small class 1.2');
DK_Array3[DK_Array3.length]=new Array('1','3','Small class 1.3');
DK_Array3[DK_Array3.length]=new Array('2','4','Small class 2.4');
DK_Array3[DK_Array3.length]=new Array('2','5','Small class 2.5');
DK_Array3[DK_Array3.length]=new Array('2','6','Small class 2.6');
DK_Array3[DK_Array3.length]=new Array('2','7','Small class 2.7');
DK_Array3[DK_Array3.length]=new Array('3','8','Small class 3.8');
DK_Array3[DK_Array3.length]=new Array('4','9','Small class 4.9');
DK_Array3[DK_Array3.length]=new Array('4','10','Small class 4.10');
DK_Array3[DK_Array3.length]=new Array('4','11','Small class 4.11');
DK_Array3[DK_Array3.length]=new Array('4','12','Small class 4.12');
DK_Array3[DK_Array3.length]=new Array('5','13','Small class 5.13');
DK_Array3[DK_Array3.length]=new Array('5','14','Small class 5.14');
DK_Array3[DK_Array3.length]=new Array('6','15','Small class 6.15');
DK_Array3[DK_Array3.length]=new Array('6','16','Small class 6.16');
DK_Array3[DK_Array3.length]=new Array('6','17','Small class 6.17');
DK_Array3[DK_Array3.length]=new Array('6','18','Small class 6.18');
DK_Array3[DK_Array3.length]=new Array('6','19','Small class 6.19');
DK_Array3[DK_Array3.length]=new Array('7','20','Small class 7.20');
DK_Array3[DK_Array3.length]=new Array('8','21','Small class 8.21');
DK_Array3[DK_Array3.length]=new Array('8','22','Small class 8.22');
////////////////////////////////////////////////////////////////// /// /////
function DK_AddOnTo(obj,val,txt){ // أضف عنصرًا
إذا (DK_CheckExists(obj,val,txt)) {
تنبيه('الخيار موجود بالفعل: ['+obj.id+']'+'n القيمة: '+ val+'n النص: '+txt);
يعود؛
}
var opt=new Option();
opt.value=val;
opt.text=txt;
obj.options.add(opt,0);
}
function DK_InitListObject(obj,array){// قائمة التهيئة
إذا (صفيف. الطول) {
for(var i=0;i<array.length;i++){
DK_AddOnTo(obj,array[i][0],array[i][1]);
}
}
آخر {
تنبيه ("لا توجد بيانات")؛
}
}
function DK_AddTo(src,obj){// إضافة خيارات إلى القائمة المحددة
for(var i=0;i<src.length;i++){
إذا (src.options[i].selected){
DK_AddOnTo(obj,src.options[i].value,src.options[i].text);
}
}
}
function DK_SelectAll(obj){ // حدد جميع الخيارات
for(var i=0;i<obj.length;i++){
obj.options[i].selected = true;
}
}
وظيفة DK_ClearAll(obj){// حذف جميع الخيارات
إذا (obj.length-1>=0){
for(var i=obj.length-1;i>=0;i--){
obj.remove(i);
}
}
}
وظيفة DK_RemoveOne(obj){// حذف العنصر المحدد
for(var i=obj.length-1;i>=0;i--){
إذا (obj.options[i].selected){
obj.remove(i);
}
}
}
وظيفة DK_CheckExists(obj,val,txt){// تحقق مما إذا كان العنصر موجودًا بالفعل
إذا (obj.length<0) يُرجع خطأً؛
for(var i=0;i<obj.length;i++){
إذا (obj.options[i].value==val && obj.options[i].text==txt) {
عودة صحيحة؛
}
}
عودة كاذبة.
}
function DK_ListTo(src,obj,array){// عرض الفئات الفرعية
إذا (صفيف. الطول) {
فار ي=0;
for(var i=0;i<src.length;i++){
إذا (src.options[i].selected){
j+=DK_AddSpecList(src.options[i].value,array,obj);
}
}
تنبيه('تم العثور على إجمالي الفئات الفرعية '+j+'.');
}
آخر {
تنبيه ("لا توجد بيانات")؛
}
}
وظيفة DK_AddSpecList(classid,array,obj){// البحث عن الفئات الفرعية
فار ي=0;
for(var i=0;i<array.length;i++){
إذا(صفيف[i][0]==classid){
DK_AddOnTo(obj,array[i][1],array[i][2]);
ي++;
}
}
عودة ي؛
}
</SCRIPT>
<نوع النمط=نص/css></STYLE>
<العنوان></العنوان>
</الرأس>
<الجسم>
<الجدول>
<tr><td colspan=4><input type=button value='خانة اختيار التهيئة الأولى' onclick='DK_InitListObject(select1,DK_Array1)'><br><br>
<tr><td>حدد المربع الأول: <td><select معرفات متعددة=select1 size=8></select>
<td><نوع الإدخال=قيمة الزر='إضافة' عند النقر='DK_AddTo(select1,select2)'> ==>
<td>حدد مربع الاختيار الثاني:<br><== <نوع الإدخال=قيمة الزر='حذف' عند النقر='DK_RemoveOne(select2)'>
<نوع الإدخال=قيمة الزر='حذف الكل' onclick='DK_ClearAll(select2)'>
<td><select معرف متعدد=select2 size=8></select>
<td><input type=button value='القائمة ذات الصلة' onclick='DK_ListTo(select2,select3,DK_Array3)'> ==>
<td>حدد خانة الاختيار الثالثة:<br><== <input type=button value='Delete' onclick='DK_RemoveOne(select3)'>
<نوع الإدخال=قيمة الزر='حذف الكل' onclick='DK_ClearAll(select3)'>
<td><select معرف متعدد=select3 size=8></select><br>
</الجدول>
</الجسم>
</HTML>