Relacionar Boton enviar con seleccion de lista

Buenas a todos

les expongo, quiero hacer una lista menu que al seleccionar una opcion y presionar el botor de "ver" me abra la pagina relacionada a la opcion seleccionada

la pregunta es como la relaciono?, el trabajo lo estoy haciendo en dreamweaver 8

tengo este codigo para la lista/menu

Código :

<option value="0" selected="selected">Selecciona una Marca</option>
           <option value="Acura">Acura</option>
         <option value="Audi">Audi</option>
         <option value="BMW">BMW</option>
         <option value="Buick">Buick</option>
         <option value="Cadillac">Cadillac</option>
         <option value="Chevrolet">Chevrolet</option>
         <option value="Chrysler">Chrysler</option>
         <option value="Daewoo">Daewoo</option>
         <option value="Datsun">Datsun</option>
         <option value="Dodge">Dodge</option>
         <option value="Eagle">Eagle</option>
         <option value="Fiat">Fiat</option>
         <option value="Ford">Ford</option>
         <option value="Geo">Geo</option>
         <option value="Gmc">Gmc</option>
         <option value="Honda">Honda</option>
         <option value="Hyundai">Hyundai</option>
         <option value="Infiniti">Inifiniti</option>
         <option value="Jaguar">Jaguar</option>
         <option value="Kia">Kia</option>
         <option value="Lexus">Lexus</option>
         <option value="Lincoln">Lincoln</option>
         <option value="Mazda">Mazda</option>
         <option value="Mercedes Benz">Mercedes Benz</option>
         <option value="Mercury">Mercury</option>
         <option value="Mini">Mini</option>
         <option value="Mitsubishi">Mitsubishi</option>
         <option value="Nissan">Nissan</option>
         <option value="Oldsmobile">Oldsmobile</option>
         <option value="Plymouth">Plymouth</option>
         <option value="Pontiac">Pontiac</option>
         <option value="Porshe">Porshe</option>
         <option value="Renault">Renault</option>
         <option value="Saab">Saab</option>
         <option value="Saturn">Saturn</option>
         <option value="Seat">Seat</option>
         <option value="Subaru">Subaru</option>
         <option value="Suzuki">Suzuki</option>
         <option value="Toyota">Toyota</option>
         <option value="Volkswagen">Volkswagen</option>
         <option value="Volvo">Volvo</option>
        </select>

y este es el codigo del boton "ver"

Código :

<input name="Submit" type="button" id="Submit" onclick="JSClick( &quot;redirige.asp&quot;)"redirige.asp" )" value="Ver" />

me pasaron este codigo para un archivo .asp que se supone va a hacer esa funcion, pero no se si la estoy poniendo bien

Código :

<%
opcion=trim(Request.Form("Select"))
If option=Acura Then Response.Redirect("Acura.html") End If
If option=AMC Then Response.Redirect("AMC.html") End If
If option=Audi Then Response.Redirect("Audi.html") End If
If option=BMW Then Response.Redirect("BMW.html") End If
If option=Buick Then Response.Redirect("Buick.html") End If
If option=Cadillac Then Response.Redirect("Cadillac.html") End If
If option=Chevrolet Then Response.Redirect("Chevrolet.html") End If
If option=Chrysler Then Response.Redirect("Chrysler.html") End If
If option=Daewoo Then Response.Redirect("Daewoo.html") End If
If option=Datsun Then Response.Redirect("Datsun.html") End If
If option=Dodge Then Response.Redirect("Dodge.html") End If
If option=Eagle Then Response.Redirect("Eagle.html") End If
If option=Fiat Then Response.Redirect("Fiat.html") End If
If option=Ford Then Response.Redirect("Ford.html") End If
If option=Geo Then Response.Redirect("Geo.html") End If
If option=Gmc Then Response.Redirect("Gmc.html") End If
If option=Honda Then Response.Redirect("Honda.html") End If
If option=Hyundai Then Response.Redirect("Hyundai.html") End If
If option=Infiniti Then Response.Redirect("Infiniti.html") End If
If option=Jaguar Then Response.Redirect("Jaguar.html") End If
If option=Kia Then Response.Redirect("Kia.html") End If
If option=Lexus Then Response.Redirect("Lexus.html") End If
If option=Lincoln Then Response.Redirect("Lincoln.html") End If
If option=Mazda Then Response.Redirect("Mazda.html") End If
If option=Mercedes Benz Then Response.Redirect("Mercedez.html") End If
If option=Mercury Then Response.Redirect("Mercury.html") End If
If option=Mini Then Response.Redirect("Mini.html") End If
If option=Mitsubishi Then Response.Redirect("Mitsubishi.html") End If
If option=Nissan Then Response.Redirect("Nissan.html") End If
If option=Oldsmobile Then Response.Redirect("Oldsmobile.html") End If
If option=Plymouth Then Response.Redirect("Plymouth.html") End If
If option=Pontiac Then Response.Redirect("Pontiac.html") End If
If option=Porshe Then Response.Redirect("Porshe.html") End If
If option=Renault Then Response.Redirect("Renault.html") End If
If option=Saab Then Response.Redirect("Saab.html") End If
If option=Saturn Then Response.Redirect("Saturn.html") End If
If option=Seat Then Response.Redirect("Seat.html") End If
If option=Subaru Then Response.Redirect("Subaru.html") End If
If option=Suzuki Then Response.Redirect("Suzuki.html") End If
If option=Toyota Then Response.Redirect("Toyota.html") End If
If option=Volkswagen Then Response.Redirect("vdub.html") End If
If option=Volvo Then Response.Redirect("Volvo.html") End If
%

Hola.
Sería más claro si se pudiese ver todo el código de la página.
Pero para empezar, te digo que en el archivo .asp tenés una falta de ortografía, ya que dice "opcion" y luego el If pregunta por "option", con "t"
Además le falta el ">" de cierre al final.

Mandá el html de la página y si podes, toda la .asp a ver si damos con la tecla.

Hola, gracias por la pronta respuesta y por los detalles que han saltado tan rapido.

anexo el codigo de toda la pagina

Código :

<!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">
<!-- DW6 -->
<head>
<!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
<title>Cat&aacute;logo VW</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="mm_restaurant1.css" type="text/css" />
</head>
<body bgcolor="#0066cc">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr bgcolor="#99ccff">
   <td width="15" nowrap="nowrap">&nbsp;</td>
   <td width="745" height="60" colspan="2" class="logo" nowrap="nowrap"><br />
   NOMBRE DEL SITIO WEB <span class="tagline">| LEMA OPCIONAL</span></td>
   <td width="100%">&nbsp;</td>
   </tr>

   <tr bgcolor="#003399">
   <td width="15" nowrap="nowrap">&nbsp;</td>
   <td height="36" colspan="2" id="navigation" nowrap="nowrap" class="navText"><a href="javascript:;">INICIO</a></td>
   <td>&nbsp;</td>
   </tr>

   <tr bgcolor="#ffffff">
   <td width="15" valign="top"><img src="mm_spacer.gif" alt="" width="15" height="1" border="0" /></td>
   <td width="35" valign="top"><img src="mm_spacer.gif" alt="" width="35" height="1" border="0" />
     <form id="form1" name="form1" method="post" action="">
       <label>Menú de Marcas
         <select>
           <option value="none" selected="selected">Selecciona una Marca</option>
           <option value="Acura">Acura</option>
         <option value="Audi">Audi</option>
         <option value="BMW">BMW</option>
         <option value="Buick">Buick</option>
         <option value="Cadillac">Cadillac</option>
         <option value="Chevrolet">Chevrolet</option>
         <option value="Chrysler">Chrysler</option>
         <option value="Daewoo">Daewoo</option>
         <option value="Datsun">Datsun</option>
         <option value="Dodge">Dodge</option>
         <option value="Eagle">Eagle</option>
         <option value="Fiat">Fiat</option>
         <option value="Ford">Ford</option>
         <option value="Geo">Geo</option>
         <option value="Gmc">Gmc</option>
         <option value="Honda">Honda</option>
         <option value="Hyundai">Hyundai</option>
         <option value="Infiniti">Inifiniti</option>
         <option value="Jaguar">Jaguar</option>
         <option value="Kia">Kia</option>
         <option value="Lexus">Lexus</option>
         <option value="Lincoln">Lincoln</option>
         <option value="Mazda">Mazda</option>
         <option value="Mercedes Benz">Mercedes Benz</option>
         <option value="Mercury">Mercury</option>
         <option value="Mini">Mini</option>
         <option value="Mitsubishi">Mitsubishi</option>
         <option value="Nissan">Nissan</option>
         <option value="Oldsmobile">Oldsmobile</option>
         <option value="Plymouth">Plymouth</option>
         <option value="Pontiac">Pontiac</option>
         <option value="Porshe">Porshe</option>
         <option value="Renault">Renault</option>
         <option value="Saab">Saab</option>
         <option value="Saturn">Saturn</option>
         <option value="Seat">Seat</option>
         <option value="Subaru">Subaru</option>
         <option value="Suzuki">Suzuki</option>
         <option value="Toyota">Toyota</option>
         <option value="Volkswagen">Volkswagen</option>
         <option value="Volvo">Volvo</option>
        </select>
       </label>
       <label for="Submit"></label>
       <input name="Submit" type="button" id="Submit" onclick= "redirige.asp"redirige.asp" )" value="Ver" />
       <label>        </label>
      <option action="redirige.asp">
     </form>
     </td>
   <td width="710" valign="top"><br />
   <table border="0" cellspacing="0" cellpadding="2" width="610">
        <tr>
          <td colspan="7" class="pageName">Aqu&iacute; encontraras solo autos Volkswagen </td>
        </tr>
      <tr>
         <td width="22%" height="110"><img src="mm_product_sm.gif" alt="small product photo" width="110" height="110" border="0" /></td>
        <td>&nbsp;</td>
        <td width="22%" height="110"><img src="mm_product_sm.gif" alt="small product photo" width="110" height="110" border="0" /></td>
        <td>&nbsp;</td>
        <td width="22%" height="110"><img src="mm_product_sm.gif" alt="small product photo" width="110" height="110" border="0" /></td>
        <td>&nbsp;</td>
        <td width="22%" height="110"><img src="mm_product_sm.gif" alt="small product photo" width="110" height="110" border="0" /></td>
        </tr>
      <tr>
          <td valign="top" class="bodyText" nowrap="nowrap"><a href="javascript:;">Nombre del producto</a><br />
        Precio: $0.00</td>
        <td>&nbsp;</td>
         <td valign="top" class="bodyText" nowrap="nowrap"><a href="javascript:;">Nombre del producto</a><br />
        Precio: $0.00</td>
       <td>&nbsp;</td>
         <td valign="top" class="bodyText" nowrap="nowrap"><a href="javascript:;">Nombre del producto</a><br />
        Precio: $0.00</td>
       <td>&nbsp;</td>
         <td valign="top" class="bodyText" nowrap="nowrap"><a href="javascript:;">Nombre del producto</a><br />
        Precio: $0.00</td>
        </tr>
      <tr>
         <td colspan="7">&nbsp;</td>
      </tr>
      <tr>
         <td height="110"><img src="mm_product_sm.gif" alt="small product photo" width="110" height="110" border="0" /></td>
        <td>&nbsp;</td>
        <td height="110"><img src="mm_product_sm.gif" alt="small product photo" width="110" height="110" border="0" /></td>
        <td>&nbsp;</td>
        <td height="110"><img src="mm_product_sm.gif" alt="small product photo" width="110" height="110" border="0" /></td>
        <td>&nbsp;</td>
        <td height="110"><img src="mm_product_sm.gif" alt="small product photo" width="110" height="110" border="0" /></td>
        </tr>
      <tr>
          <td valign="top" class="bodyText" nowrap="nowrap"><a href="javascript:;">Nombre del producto</a><br />
        Precio: $0.00</td>
        <td>&nbsp;</td>
         <td valign="top" class="bodyText" nowrap="nowrap"><a href="javascript:;">Nombre del producto</a><br />
        Precio: $0.00</td>
       <td>&nbsp;</td>
         <td valign="top" class="bodyText" nowrap="nowrap"><a href="javascript:;">Nombre del producto</a><br />
        Precio: $0.00</td>
       <td>&nbsp;</td>
         <td valign="top" class="bodyText" nowrap="nowrap"><a href="javascript:;">Nombre del producto</a><br />
        Precio: $0.00</td>
        </tr>
      <tr>
         <td colspan="7">&nbsp;</td>
      </tr>
      </table>   </td>
   <td><p>&nbsp;</p>
     <p>&nbsp;</p></td>
   </tr>

   <tr>
   <td width="15">&nbsp;</td>
    <td width="35">&nbsp;</td>
    <td width="710">&nbsp;</td>
   <td width="100%">&nbsp;</td>
  </tr>
</table>
</body>
</html>

y este es el codigo del redirige.asp

Código :

<%
option=trim(Request.Form("Select"))
If option=Acura Then Response.Redirect("Acura.html") End If
If option=AMC Then Response.Redirect("AMC.html") End If
If option=Audi Then Response.Redirect("Audi.html") End If
If option=BMW Then Response.Redirect("BMW.html") End If
If option=Buick Then Response.Redirect("Buick.html") End If
If option=Cadillac Then Response.Redirect("Cadillac.html") End If
If option=Chevrolet Then Response.Redirect("Chevrolet.html") End If
If option=Chrysler Then Response.Redirect("Chrysler.html") End If
If option=Daewoo Then Response.Redirect("Daewoo.html") End If
If option=Datsun Then Response.Redirect("Datsun.html") End If
If option=Dodge Then Response.Redirect("Dodge.html") End If
If option=Eagle Then Response.Redirect("Eagle.html") End If
If option=Fiat Then Response.Redirect("Fiat.html") End If
If option=Ford Then Response.Redirect("Ford.html") End If
If option=Geo Then Response.Redirect("Geo.html") End If
If option=Gmc Then Response.Redirect("Gmc.html") End If
If option=Honda Then Response.Redirect("Honda.html") End If
If option=Hyundai Then Response.Redirect("Hyundai.html") End If
If option=Infiniti Then Response.Redirect("Infiniti.html") End If
If option=Jaguar Then Response.Redirect("Jaguar.html") End If
If option=Kia Then Response.Redirect("Kia.html") End If
If option=Lexus Then Response.Redirect("Lexus.html") End If
If option=Lincoln Then Response.Redirect("Lincoln.html") End If
If option=Mazda Then Response.Redirect("Mazda.html") End If
If option=Mercedes Benz Then Response.Redirect("Mercedez.html") End If
If option=Mercury Then Response.Redirect("Mercury.html") End If
If option=Mini Then Response.Redirect("Mini.html") End If
If option=Mitsubishi Then Response.Redirect("Mitsubishi.html") End If
If option=Nissan Then Response.Redirect("Nissan.html") End If
If option=Oldsmobile Then Response.Redirect("Oldsmobile.html") End If
If option=Plymouth Then Response.Redirect("Plymouth.html") End If
If option=Pontiac Then Response.Redirect("Pontiac.html") End If
If option=Porshe Then Response.Redirect("Porshe.html") End If
If option=Renault Then Response.Redirect("Renault.html") End If
If option=Saab Then Response.Redirect("Saab.html") End If
If option=Saturn Then Response.Redirect("Saturn.html") End If
If option=Seat Then Response.Redirect("Seat.html") End If
If option=Subaru Then Response.Redirect("Subaru.html") End If
If option=Suzuki Then Response.Redirect("Suzuki.html") End If
If option=Toyota Then Response.Redirect("Toyota.html") End If
If option=Volkswagen Then Response.Redirect("vdub.html") End If
If option=Volvo Then Response.Redirect("Volvo.html") End If
%>

Mil gracias por la ayuda

Hola:
No tengo instalado IIS en mi equipo actualmente por lo cual tendrás que probarlo tu.

En el html:
1) cambiar :

Código :

form id="form1" name="form1" method="post" action="">

por

Código :

<form id="form1" name="form1" method="post" action="redirige.asp">

2) cambiar:

Código :

<select>

por

Código :

<select name="selector">

3) cambiar:

Código :

<label for="Submit"></label>
       <input name="Submit" type="button" id="Submit" onclick= "redirige.asp"redirige.asp" )" value="Ver" />
       <label>        </label>
      <option action="redirige.asp">

por

Código :

<input name="botonEnviar" type="submit" id="botonEnviar" value=" Ver " />

En el archivo redirige.asp:
cambiar:

Código :

<%
option=trim(Request.Form("Select"))

por

Código :

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<%
option = trim(Request.Form("selector"))

Espero que funcione.

Celeron, todo ese código es por gusto. Estas usando demasiado código para algo demasiado sencillo.
Una función en javascript que redireccionará a la pagina adecuada usando la url del atributo value en el <option> seleccionado.

Código :

function redirect(x){
  var a = x.options[x.selectedIndex].getAttribute('value');
  if(a && a !== ''){
    window.location = a;
  }
}

<select id="marca_select" change="redirect(this);">
  <option>Seleccione una marca</option>
  <option value="/cars/Audi.html">Audi</option>
  ...
</select>

"gonarin" eh hecho los cambios propuestos, pero me marca este error a la hora de darle enviar

Código :

HTTP 500.100 - Internal Server Error - ASP error
Internet Information Services

Technical Information (for support personnel)

    * Error Type:
      Error de compilación de Microsoft VBScript (0x800A03EA)
      Error de sintaxis
      /redirige.asp, line 3, column 6
      option=trim(Request.Form("selector"))
      -----^

    * Browser Type:
      Mozilla/5.0 (Windows; U; Windows NT 5.1; es-ES; rv:1.8.1.6) Gecko/20070725 ImageShackToolbar/4.2.1 Firefox/2.0.0.6

    * Page:
      POST 32 bytes to /redirige.asp

    * POST Data:
      selector=Acura&botonEnviar=+Ver+

"NEO_JP"

me podrias orientar mas ampliadamente como realizo lo que me dices, porque cree un ".js" con tus indicaciones, pero me da error

de nuevo mil gracias y perdonar por este "newbie"

ok, veamos.

En la etiqueta <head> crea una etiqueta <script> y agrega todo el javascript.

Código :

<script type="text/javascript">
function redirect(x){
  var a = x.options[x.selectedIndex].getAttribute('value');
  if(a && a !== ''){
    window.location = a;
  }
}
</script>

Y en el html, reescribe el <select> con la ruta de las paginas en los value. (Esto es un ejemplo, reemplaza http://dominio.com con la ruta real).

Código :

<label>Menú de Marcas
<select change="redirect(this);">
  <option selected="selected">Selecciona una Marca</option>
  <option value="http://dominio.com/Acura.html">Acura</option>
  <option value="http://dominio.com/AMC.html">Audi</option>
  <option value="http://dominio.com/BMW.html">BMW</option>
</select>
</label>

Algunas correcciones al archivo .asp
Lo probé y anda.

Código :

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<%
elegido = trim(Request.Form("selector"))
If (elegido="Acura") Then Response.Redirect "Acura.html" End If
If (elegido="AMC") Then Response.Redirect("AMC.html") End If
If (elegido="Audi") Then Response.Redirect("Audi.html") End If
If (elegido="BMW") Then Response.Redirect("BMW.html") End If
If (elegido="Buick") Then Response.Redirect("Buick.html") End If
If (elegido="Cadillac") Then Response.Redirect("Cadillac.html") End If
If (elegido="Chevrolet") Then Response.Redirect("Chevrolet.html") End If
If (elegido="Chrysler") Then Response.Redirect("Chrysler.html") End If
If (elegido="Daewoo") Then Response.Redirect("Daewoo.html") End If
If (elegido="Datsun") Then Response.Redirect("Datsun.html") End If
If (elegido="Dodge") Then Response.Redirect("Dodge.html") End If
If (elegido="Eagle") Then Response.Redirect("Eagle.html") End If
If (elegido="Fiat") Then Response.Redirect("Fiat.html") End If
If (elegido="Ford") Then Response.Redirect("Ford.html") End If
If (elegido="Geo") Then Response.Redirect("Geo.html") End If
If (elegido="Gmc") Then Response.Redirect("Gmc.html") End If
If (elegido="Honda") Then Response.Redirect("Honda.html") End If
If (elegido="Hyundai") Then Response.Redirect("Hyundai") End If
If (elegido="Infiniti") Then Response.Redirect("Infiniti.html") End If
If (elegido="Jaguar") Then Response.Redirect("Jaguar.html") End If
If (elegido="Kia") Then Response.Redirect("Kia.html") End If
If (elegido="Lexus") Then Response.Redirect("Lexus.html") End If
If (elegido="Lincoln") Then Response.Redirect("Lincoln.html") End If
If (elegido="Mazda") Then Response.Redirect("Mazda.html") End If
If (elegido="Mercedes Benz") Then Response.Redirect("Mercedez.html") End If
If (elegido="Mercury") Then Response.Redirect("Mercury.html") End If
If (elegido="Mini") Then Response.Redirect("Mini.html") End If
If (elegido="Mitsubishi") Then Response.Redirect("Mitsubishi.html") End If
If (elegido="Nissan") Then Response.Redirect("Nissan.html") End If
If (elegido="Oldsmobile") Then Response.Redirect("Oldsmobile.html") End If
If (elegido="Plymouth") Then Response.Redirect("Plymouth.html") End If
If (elegido="Pontiac") Then Response.Redirect("Pontiac.html") End If
If (elegido="Porshe") Then Response.Redirect("Porshe.html") End If
If (elegido="Renault") Then Response.Redirect("Renault.html") End If
If (elegido="Saab") Then Response.Redirect("Saab.html") End If
If (elegido="Saturn") Then Response.Redirect("Saturn.html") End If
If (elegido="Seat") Then Response.Redirect("Seat.html") End If
If (elegido="Subaru") Then Response.Redirect("Subaru.html") End If
If (elegido="Suzuki") Then Response.Redirect("Suzuki.html") End If
If (elegido="Toyota") Then Response.Redirect("Toyota.html") End If
If (elegido="Volkswagen") Then Response.Redirect("vdub.html") End If
If (elegido="Volvo") Then Response.Redirect("Volvo.html") End If
set elegido = nothing
%>
<%
Response.Clear
%>

Ahora bien, aclaremos que .asp es scripting del lado del servidor, y es más simple y rápido hacerlo en javascript como dice NEO_JP. Por lo tanto, si no estás obligado a usar .asp , mejor usa la función javascript que te propuso NEO_JP

"gonarin"

A funcionado a la perfección con estas correcciones

no estoy forzado a ningun tipo de funcion, solo que las paginas que eh hecho, son mas de "diseñador" y no de "programador" por eso es que me llamo la atencion este "reto", pero me atore ahora en programacion.

"neo_jp"

hice lo que me dijiste pero no me salio jeje , para entenderte mejor, estoy leyendo un manual de javascript desde cero, en cuanto le entienda mas vengo y le sigo en este post, no quisiera que se fastidiaran con preguntas "bobas" asi mejor leo y entiendo un poco mas y luego vengo y pregunto.

Mil gracias
y aqui andare

Si. coincido con NEO_JP acerca del código que propone, que es mucho mas sencillo que lo otro. En el otro estas haciendo el mismo IF 30 veces y le cambias solo un valor.
En el código de NEO_JP el único error que veo es que en el select no va change, sino onchange. algo asi:

Código :

<select onchange="redirect(this);">
  <option selected="selected">Selecciona una Marca</option>
  <option value="http://dominio.com/Acura.html">Acura</option>
  <option value="http://dominio.com/AMC.html">Audi</option>
  <option value="http://dominio.com/BMW.html">BMW</option>
</select>

Oh, gracias por ver ese typo pablo, no me habia fijado.