How to use onchange together with two select lists in asp form

1

Hello, I have two select lists in the same asp page, one for choosing the product and one for choosing the color. I would like both select lists change without using submit button so that if the user choose Tshirt and the product shows Tshirt and then if the user choose red, the Tshirt the user has chosen is in red.

But currently I put these two select lists into two forms and using onchange with both of them. The problem is that after I first choose the Tshirt, it is ok. Then I start to choose the color, then the product changed at the same time to its default value but not the Tshirt I just chose.

How should I modify the code then ? Does any one has some idea? I have a reference page like http://www.99dogs.com/custom2.html

And I want the same function as in that page. Thanks very much in advance and hope I have made myself clear. Thanks again and wait for your reply!

2

cant respond in full right now…but its not asp…

its javascript…

search the net for script like that-

also if you right click the page and select “view source”

you can pretty much see how its done…

3

depending on your knowledge, you can achieev the same ffect in flash with asp

4

hi, yes, as you said it belongs more to the javascript issue. BUt because the page is mainly in asp and the purpose is to select the wanted value from these two forms so that later they can be send to the following asp page. And here is my current asp code for outputing the name of the selected item from these two select lists to the screen. But when I made my choice already for the color and when I choose from the logotype list, the color value changed also. That is not what I want. I wish the color value could be kept as what I have chosen. So do u have any suggestion about this?

I guess it is a mixture about asp and javascript so do hope some one in this forum can help me if he has some idea. And thanks in advance if you have some idea about how to modify the code.


 <%
                         dim color,p_id
                         p_id=Request("p_id")
                         
                         color=Request.Form("color")
                         if color="" then 
                        color="4"
                          end if 
                         %>
                          <%dim logotype
                         logotype=Request.Form("logotype")
                         if logotype="" then
                         logotype="Print"
                         End if
                         %>
 <FORM name="colorform" action="" method="post">
                                <select name="color" onChange="colorform.submit();" size=1>
                                 <option>choose from
                                           <option value="4">White 
                                  <option value="1">Red 
                                  <option value="5">Blue 
                                  <option value="3">Marine 
                                </select>
                                        </form>

<FORM name="logoform" action="" method="post">
                                <select name="logotype" onchange="logoform.submit()" size=1>
                                          <option>choose from
                                  <option value="Print" >Print 
                                  <option value="Stitching">Stitching 
                                </select>
                                        </form>
 <%Select Case Request.Form("color")
                 Case "1"
                 Response.Write("Color: Red")
                 Case "5"
                 Response.Write("Color: Blue")
                 Case "3"
                 Response.Write("Color: Marine")
                 Case "4"
                 Response.Write("Color: White")
                 Case ""
                  Response.Write("Color: White")
                 
                 End Select
                 %>
                &nbsp;&nbsp; 
                <%Select Case Request.Form("logotype")
                 Case "Print"
                 Response.Write("Logotype: Print")
                 Case "Stitching"
                 Response.Write("Logotype: Stitching")
                 Case ""
                 Response.Write("Logotype: Print")
                 
                 End Select
                 %>
5

and by the way, as you said the reference page’s source can be checked by view its source code. Thanks for reminding my about that method. Then after I checked that , I began to know mine is not that complicated to make and even they are not the samilar thing. So hope mine is easy to modify?