14-07-2006, 16:55
|
|
|
|
חבר מתאריך: 07.07.05
הודעות: 4,024
|
|
אוקי..קודם כל ניצור divים מוסתרים..
קוד:
<style type="text/css">
div{display:none}
</style>
<div id="div1">
You have chosen option 1
</div>
<div id="div2">
You have chosen option 2
</div>
<div id="div3">
You have chosen option 3
</div>
נגדיר בתיבת הבחירה אירוע OnChange שיקבל את הערך שהמשתמש בחר <this.value>
קוד:
<select onChange="cList(this.value)">
<option value="1">אחת</option>
<option value="2">שתיים</option>
<option value="3">שלוש</option>
</select>
האירוע יקרא לפונקציה cList ויחזיר לה את הערך..עכשיו, בפונקציה תוכל לבצע את הצגת הdivים. הפונקציה תהיה:
קוד:
<script type="text/javascript">
function cList(sValue) {
document.getElementById("div"+sValue).style.display='block'
}
</script>
וזהו בעיקרון.. |
ראשי
צ'אט
מצב כלאיים
