הוסטס - פורום אחסון האתרים הגדול בישראל

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - [JS]שינוי תמונה מ select (https://hosts.co.il/forums/showthread.php?t=33916)

[JS]שינוי תמונה מ select

שלום לכולם ,
לאחרונה התחלנו ללמוד java script .
אני נתקל בבעיה , אני מנסה לשנות את המקור של תמונה לפי בחירה של select .
אני מבין שאני מוציא את הערך של ה option לפי הסדר , אבל בערך של כל option יש את המקור של התמונה ,איך אני מוציא את הערך שנתתי לכל opstion ומציב אותו בתור ה src של ה- img ?

קוד:



function changePic2()

{

index = dcoument.myform.color.selectedIndex;

myfrom.color.options[index].value;

}





select name="color"></br>

 <option name="src" value="green.jpg">&#233;&#248;&#229;÷</option>

 <option name="src" value="blue.jpg">&#235;&#231;&#229;&#236;</option>

 <option name="src" value="red.jpg">&#224;&#227;&#229;&#237;</option>

</select></br>

<img src="changePic2()" alt="green" name="pic2" />

תודה מראש לעוזרים.

נלקח מהאתר www.sigall.co.il

HTML קוד:

<form name=radio>



ןועש <input type=radio name=x1 onClick="document.image8.src='net.gif'">



ררולפסקא <input type=radio name=x1 onClick="document.image8.src='ie.gif'">



:וידר ירותפכב



<BR><BR>



<input type=text name=text size=10>



<input type=button value="Change image"



 onClick="document.image8.src=document.radio.text.value">



</form>

אני מדבר בכלל על בחירה של option מתוך select , לא כפתורי radio .

המיקום של הפונקציה והפונקציה לא נכונים, את המיקום אתה צריך לעשות בעת פעולה (לדוגמא..מה שאתה צריך זה onchange) ולשים בתג select, ובפונקציה עצמה אתה צריך לעשות את פעולת ההחלפה.

תיקון למה שעשית (במקום הdcoument.myform.color עשיתי זיהוי בעזרת ID..יותר נוח ופשוט):

HTML קוד:

function changePic2()

{

        var index = document.getElementById("color").selectedIndex;

        document.getElementById("image").src=document.getElementById("color").options[index].value;

}





<select id="color" onchange="changePic2();" name="color">

 <option name="src" value="green.jpg">&eacute;&oslash;&aring;÷</option>

 <option name="src" value="blue.jpg">&euml;&ccedil;&aring;&igrave;</option>

 <option name="src" value="red.jpg">&agrave;&atilde;&aring;&iacute;</option>

</select></br>

<img src="asd.gif" id="image" alt="green" name="pic2" />

שים לב לשינויים בשורת התג select ובשורה השניה של הפונקציה.
הוספתי לתגים select ו img "זהויות" (IDים) על מנת שאני יוכל להגיע אליהם.

מקווה שהבנת.
יום טוב.

אחלה הבנתי הכל , תודה רבה .