צפיות
תשובות
עזרה עם onClick / Change ב – Select
היי הרבה זמן לא שאלתי פה אבל תמיד טוב לחזור לפה 🙂
והשאלה היא כזאת:
יש לי <select>
אני מעוניין שכאשר בוחרים באופצייה מסויימת זה ישנה לי תמונה קיימת
אז יצרתי select ויצרתי תמונה ונתתי לה את השם "bla"
אני רוצה שכאשר ילחצו על אחת האפשרויות זה יראה את התמונה הרצוייה
נגיד יש לי: פיצה, שוורמה, טוסט נקניק ועוד דברים טעימים
אז שיבחרו ב"פיצה" זה ישנה את תמונת "bla" לתמונה של פיצה.
עכשיו לצערי onClick לא אוהב את IE וIE לא אוהב את onClick
ככה שהבנתי שצריך להשתמש ב onChange (תודה לך גוגל)
אז יש דרך שזה יציג את התמונה ויקח את ה src שלה מה-value של האופציה
עובד משהו משהו גם בIE וגם בFF
אבל!
הלך לי כל הvalue!
אם אני שולח את זה במייל אני מקבל במקום "פיצה" אז אני מקבל את הsrc של התמונה
ואז אני צריך לקשר במוח שתמונה bla/fsdf/erer/hgh/fgda/1.jpg זה בעצם פיצה.
האם יש דרך שזה יצליח אבל לא יגע בכלל בvalue
ככה שכאשר אני או הלקוח שיקבל את הטופס במייל שלו יראה את מה שאני כותב בvalue (פיצה)
ולא את הsrc של התמונה?
מקווה שהסברתי כמו שצריך ואשמח לעזרה בבקשה.
הנה הקוד כרגע:
<select name="select_model" onChange="document.images['bla'].src = this.value;">
<option value="pics/02/1.jpg">pizza</option>
</select>
<img src="pics/01/1.jpg" width="100" height="100" border="0" alt="" name="bla">
1 תשובות
IE
<select name="select_model" onChange="javascript:document.bla.src = this.value;">
<option value="1.jpg">pizza</option>
<option value="2.jpg">falafel</option>
</select>
<img src="pics/01/1.jpg" width="100" height="100" border="0" alt="" name="bla">