document.getElementById ("louyuming"). الخيارات [0]. selected = true ؛ وظيفة jsselectiseSitiTem (objselect ، objitemvalue) {var isexit = false ؛ لـ (var i = 0 ؛ i <objselect.options.length ؛ i ++) {if (objselect.options [i] .value == objitemvalue) {isexit = true ؛ استراحة؛ }} إرجاع isexit ؛ }عملية JavaScript Select هي نوع شائع في النماذج. اليوم ، عند حذف قيم محددة متعددة ، كانت هناك مشكلة. بعد وقت طويل ، اتضح أنه كان ناتجًا عن الفهرس (أي ، عند الحذف ، يجب أن تبدأ من الفهرس الكبير ، ثم حذف الفهرس الصغير ، وإلا فإن الفهرس مع الفهرس الكبير سيتغير بعد حذف الفهرس الصغير ، ثم سيتغير الفهرس الكبير.
// 4. حذف العنصر المحدد في وظيفة تحديد jsremoveselectedItemFromSelect (objselect) {var length = objselect.options.length - 1 ؛ لـ (var i = length ؛ i> = 0 ؛ i-) {if (objSelect [i] .selected == true) {objselect.options [i] = null ؛ }}}1 حدد ما إذا كان هناك عنصر ذو قيمة = "paravalue" في خيار تحديد
2 إضافة عنصر إلى خيار تحديد
3Remove عنصر من خيار SELECT
4 حذف العنصر المحدد في تحديد
5 قم بتعديل نص القيمة = "paravalue" في الخيار المحدد إلى "paratext"
6 قم بتسجيل العنصر الأول من text = "paratext" في تحديد كما تم تحديده
7 قم بتعيين عنصر value = "paravalue" في تحديد كما تم تحديده
8 احصل على قيمة العنصر المحدد حاليًا
9 احصل على نص العنصر المحدد حاليًا
10 احصل على فهرس العنصر المحدد حاليًا
11 امسح العنصر المحدد
=========================================================================================
حذف جميع الخيارات ديناميكيًا في تحديد:
دالة deletealloptions (sel) {sel.options.length = 0 ؛ }حذف خيارًا في Select:
دالة deleteoption (sel ، indx) {sel.options.remove (indx) ؛ }إضافة خيار العنصر ديناميكيًا في تحديد:
الدالة addOption (sel ، text ، value) {sel.options.add (خيار جديد (النص ، القيمة)) ؛ }تم اختبار الاختبارات أعلاه بنجاح في IE و Firefox ، وآمل أن يتم استخدامها في المستقبل.
==========================================================
رمز JS
// 1. لـ (var i = 0 ؛ i <objselect.options.length ؛ i ++) {if (objselect.options [i] .value == objitemvalue) {isexit = true ؛ استراحة؛ }} إرجاع isexit ؛ } // 2. أضف وظيفة عنصر إلى خيار تحديد jsadditemToSelect (objselect ، objitemtext ، objitemvalue) {// judge ما إذا كانت هناك (jsselectisexitiTem (objselect ، objitemvalue)) } آخر {var varitem = new Option (objitemtext ، objitemvalue) ؛ objselect.options.add (varitem) ؛ تنبيه ("انضم بنجاح") ؛ }} // 3. قم بإزالة وظيفة عنصر من خيار تحديد JSRemoveItemFromSelect (objselect ، objitemvalue) {// jud arged ما إذا كان هناك إذا كان هناك (jsselectisexitiTem (objselect ، abjitemvalue)) (objselect.options [i] .value == objitemvalue) {objselect.options.remove (i) ؛ استراحة؛ }} تنبيه ("تم حذفه بنجاح") ؛ } آخر {Alert ("هذا العنصر غير موجود في هذا الاختيار") ؛ }} // 4. حذف العنصر المحدد في وظيفة تحديد JSRemovesElectedItemFromSelect (objselect) {var length = objselect.options.length - 1 ؛ لـ (var i = length ؛ i> = 0 ؛ i-) {if (objSelect [i] .selected == true) {objselect.options [i] = null ؛ }}} // 5. تعديل نص القيمة = "paravalue" في خيار الاختيار إلى "paratext" وظيفة JSupDateItemToSelect (objselect ، objitemtext ، objitemvalue) {// judge ما إذا كان هناك if (jsselectiseSitem (objselect ، objseemval)) objselect.options.length ؛ استراحة؛ }} تنبيه ("تم تعديله بنجاح") ؛ } آخر {Alert ("هذا العنصر غير موجود في هذا الاختيار") ؛ }} // 6. قم بتعيين العنصر الأول من text = "paratext" في SELECT as المحددة JSSelectItemByValue (objSelect ، objitemText) {// ugn is var isexit = false ؛ لـ (var i = 0 ؛ i <objselect.options.length ؛ i ++) {if (objselect.options [i] .text == objitemtext) {objselect.options [i] .selected = true ؛ isexit = صحيح ؛ استراحة؛ }} // show result if (isexit) {Alert ("" تم تحديده بنجاح ") ؛ } آخر {Alert ("هذا العنصر غير موجود في هذا الاختيار") ؛ }} // 7. قم بتعيين عنصر القيمة = "paravalue" في SELECT المراد تحديده OBJSELECT.Value = objitemvalue ؛ // 8. . . // 11. قم بمسح عنصر Select ObjSelect.Options.Length = 0 ؛الرمز الكامل للمثيرة بأكملها هي كما يلي:
<! doctype html public "-// w3c // dtd html 4.0 transitional // en"> <html> <head> <title> javaScript حدد خيارات النص الخيارات </title> <meta name = "keywords" content = "javaScript حدد خيارات النص الإضافية" إزالة التعديل ". SET "> <script language =" javaScript "> <!-// effect: [email protected]// modify: [email protected] watch_ini () {// inial الخيار (الوسيطات [i] ، الوسائط [i]) ؛ document.getElementById ("mySelect") [i] = Ooption ؛}} وظيفة watch_add (f) {// إضافة var ooption = خيار جديد (f.word.value ، f.word.value) ؛ f.keywords [f.keywords.length] f.word.value = f.keywords [f.keywords.selectedIndex] .text ؛} وظيفة watch_mod (f) {// modify f.keywords [f.keywords.selectionex] .text = f.word.value ؛ watch_set (f) {// save var set = "" ؛ for (var i = 0 ؛ i <f.keywords.length ؛ i ++) {set += f.keywords [i] .text +"؛" ؛} تأكيد (set) ؛} //-> </script> </head> <body> <form name = "watch" method = "post" action = "" language = "javaScript"> <!-watch_ini ("i" ، "you" ، "He" ، "She" ، "She" ، "it" ، "el") ؛ // الكلمات الرئيسية الأولية //-> </script> <إدخال type = "text" name = "word"/> <br/> <input type = "button" value = "add" onClick = "Watch_add (this.form) ؛" /> <input type = "button" value = "modify" onClick = "watch_mod (this.form) ؛" /> <input type = "button" value = "delete" onClick = "watch_del (this.form) ؛" /> <input type = "button" value = "Save" onClick = "Watch_set (this.form) ؛" /> </form> </body> </html>