نیاز به کدی درباره on changed

abbasjoon · Sep 30, 2007

سلام بچه ها. یک سوال ساده. یک منوی drop down دارم با سه تا تکس باکس. می خوام اگر گزینه اول دراپ دون انتخاب شد text box دو و سه محو بشن. اگر گزینه دوم انتخاب شد textbox یک و سه محو بشن و اگر آخری انتخاب شد textbox اولی و دومی محو بشن. چه جوری می تونم این کار رو انجام بدم؟

WindowsLab · Oct 3, 2007

سلام

کد:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head>
        <title>BehaviorOnChangeEvent</title>
    </head>
    <body>
        <script type="text/javascript">
            function BehaviorOnChangeEvent(OptionIndex)
            {
                document.getElementById("Text1").style.visibility=(OptionIndex==1?"visible":"hidden")
                document.getElementById("Text2").style.visibility=(OptionIndex==2?"visible":"hidden")
                document.getElementById("Text3").style.visibility=(OptionIndex==3?"visible":"hidden")
            }
        </script>
        <select id="Select1" onchange="BehaviorOnChangeEvent(this.selectedIndex+1)" style="width: 245px">
            <option>1</option>
            <option>2</option>
            <option>3</option>
        </select>
        <br />
        <input id="Text1" type="text" style="visibility:visible"/><br />
        <input id="Text2" type="text" style="visibility:hidden" /><br />
        <input id="Text3" type="text" style="visibility:hidden" /><br />
    </body>
</html>

یاعلی