Facebook
Twitter
RSSמדריך DHTML – אובייקט Select
עוד המשך קצר לנושא הטפסים, קלט בעזרת SELECT, אני אתן כמה דוגמאות בנושא ואסביר אחרי
alert(document.forms.myForm.mySelect.options[document.forms.myForm.mySelect.selectedIndex].text)
יחזיר את ערך הטקסט שמסומן בתיבה, דרך יותר קצרה לכתוב את זה היא בצורה הבאה:
var x=document.forms.myForm.mySelect alert(x.options[x.selectedIndex].text)
בסקריפט הקצר למעלה אנחנו בודקים מחפשים בכל הטפסים בדף את הטופס שנקרא "myForm" בו אנחנו בוחרים את האלמנט שנקרא "mySelect" שבמקרה הוא גם Select, באלמנט אנחנו בודקים את האופציה ה-(פה נבדוק את הערך המספרי של האופציה שבחרנו), ואז בודקים מה הטקסט שלה, קצת מסובך? לא נורא, כאשר שתצטרכו להשתמש בזה תבינו את זה בשניה (-:
עוד אפשרות שניתן להשתמש בה היא ()remove, הפעם נשתמש בדרך הקצרה יותר מההתחלה:
var x=document.forms.myForm.mySelect x.remove(x.selectedIndex)
ב- add השימוש נעשה בצורה הבאה:
add(option,insertBefore)
document.forms.myForm.mySelect.add("מילה שלישית",2)
זה יכניס את "מילה שלישית לפני המקום השלישי(הספירה מתחילה מ-0) ומה שיקרה זה שהערך שהיה שלישי יהיה רביעי במקום השלישי יופיע "מילה שלישית".
הערה: יש גם טבלה נוספת ל options, אני אתן הסבר קצר לפניה.
| disabled | קובע או מחזיר האם האלמנט פסול או לא |
| form | מחזיר את אלמנט הטופס לאלמנט ה- SELECT |
| length | מחזיר את מספר האופציות באלמנט |
| multiple | קובע או מחזיר האם אפשר לבחור יותר מאפשרות אחת בו זמנית |
| name | משנה או מחזיר את שם האלמנט |
| options | מחזיר קולקציה של כל האופציות באלמנט |
| selectedIndex | מחזיר את הערך הסידורי(במספר) של הערך שנבחר |
| size | משנה או מחזיר את הגודל(מספר האופציות שרואים בו זמנית) |
| tabIndex | משנה או מחזיר את המספר הסידורי שבו יבחר האלמנט בעזרת טאב(TAB) |
| type | מחזיר את סוג אלמנט ה SELECT |
| value | מחזיר את הערך שנקבע לאופציה המסומנת באלמנט |
| (add(option, insertBefore | מוסיף אופציה חדשה לקולקציית האופציות |
| (remove(index | מסיר אופציה מקולקציית האופציות |
| ()blur | האלמנט מאבד מיקוד |
| ()focus | המיקוד עובר לאלמנט |
השימוש בקולקציית options תעשה (כמו שהדגמתי בהתחלה) בצורה הבאה:
document.forms.myForm.mySelect.options[indexNumber].
אחרי הנקודה האחרונה תבוא אחת מהאפשרויות הבאות:
| defaultSelected | קובע שהאופציה תהיה ברירת המחדל |
| disabled | קובע או מחזיר ערך בולאני האם האופציה פסולה או לא |
| form | מחזיר את אלמנט הטופס שבו נמצא האלמנט הזה(OPTION) |
| index | מחזיר את המספר הסידורי של האופציה |
| label | משנה או מחזיר את התוית של האופציה |
| selected | קובע שהאופציה הזאת תבחר |
| text | מחזיר את הטקסט של האופציה הזאת |
| value | משנה או מחזיר את הערך של האופציה |
תגובות בפייסבוק