Foros del Web » Creando para Internet » HTML »

<select> y Jquery

Estas en el tema de <select> y Jquery en el foro de HTML en Foros del Web. Hola a tod@s, he creado un menú desplegable con todas las opciones con la misma clase excepto una. Yo lo que quiero es que cuando ...
  #1 (permalink)  
Antiguo 06/11/2012, 08:37
Avatar de sergi_multimedia  
Fecha de Ingreso: noviembre-2010
Mensajes: 213
Antigüedad: 14 años
Puntos: 4
Pregunta <select> y Jquery

Hola a tod@s, he creado un menú desplegable con todas las opciones con la misma clase excepto una.

Yo lo que quiero es que cuando se marque el estado de "Ohio" me haga un "fadeIn" en Jquery de un elemento, y si se escoge cualquier otro estado pues a través de otro "fadeIn" se vea visualize otro elemento diferente.

Lo podéis ver aquí:

http://sergibeltran.com/jim3/patch_cables.html

Tenéis que ir a:

Black > 6i > Straight / Straight > YES > Y entonces elegiis un estado.

Ahora, al clicar en cualquier estado no se activa ninguna acción y no entiendo el porqué, he revisado todo y parece que todo esté perfectamente. Os pongo el código:

Código HTML:
Ver original
  1. <div class="bloc-payment" id="pa-color-black-length-6i-con-s-s-yes">
  2.                 <span class="step">Step 4 - Buy your cable</span>
  3.                 <div class="resumes">
  4.                     <p>Resume</p>
  5.                     <a href="javascript:void(0)" class="backs">Back to step 1 - Choose color ( Black )</a>
  6.                     <a href="javascript:void(0)" class="backs2">Back to step 2 - Choose length ( 6 inches )</a>
  7.                     <a href="javascript:void(0)" class="backs3">Back to step 3 - Choose connector ( Straight / Straight / Gold ends )</a>
  8.                 </div>
  9.                 <span class="state">Select your state:</span>
  10.                 <select autofocus="select">
  11.                     <option value="select">Select your state</option>
  12.                     <option value="Alabama" class="noh">Alabama</option>
  13.                     <option value="Alaska" class="noh">Alaska</option>
  14.                     <option value="Arizona" class="noh">Arizona</option>
  15.                     <option value="Arkansas" class="noh">Arkansas</option>
  16.                     <option value="California" class="noh">California</option>
  17.                     <option value="Colordado" class="noh">Colorado</option>
  18.                     <option value="Connecticut" class="noh">Connecticut</option>
  19.                     <option value="Delaware" class="noh">Delaware</option>
  20.                     <option value="Florida" class="noh">Florida</option>
  21.                     <option value="Georgia" class="noh">Georgia</option>
  22.                     <option value="Hawaii" class="noh">Hawaii</option>
  23.                     <option value="Idaho" class="noh">Idaho</option>
  24.                     <option value="Illinois" class="noh">Illinois</option>
  25.                     <option value="Indiana" class="noh">Indiana</option>
  26.                     <option value="Iowa" class="noh">Iowa</option>
  27.                     <option value="Kansas" class="noh">Kansas</option>
  28.                     <option value="Kentucky" class="noh">Kentucky</option>
  29.                     <option value="Louisiana" class="noh">Louisiana</option>
  30.                     <option value="Maine" class="noh">Maine</option>
  31.                     <option value="Maryland" class="noh">Maryland</option>
  32.                     <option value="Massachusetts" class="noh">Massachusetts</option>
  33.                     <option value="Michigan" class="noh">Michigan</option>
  34.                     <option value="Minnesota" class="noh">Minnestota</option>
  35.                     <option value="Mississippi" class="noh">Mississippi</option>
  36.                     <option value="Missouri" class="noh">Missouri</option>
  37.                     <option value="Montana" class="noh">Montana</option>
  38.                     <option value="Nebraska" class="noh">Nebraska</option>
  39.                     <option value="Nevada" class="noh">Nevada</option>
  40.                     <option value="New Hampshire" class="noh">New Hampshire</option>
  41.                     <option value="New Jersey" class="noh">New Jersey</option>
  42.                     <option value="New Mexico" class="noh">New Mexico</option>
  43.                     <option value="New York" class="noh">New York</option>
  44.                     <option value="North Carolina" class="noh">North Carolina</option>
  45.                     <option value="North Dakota" class="noh">North Dakota</option>
  46.                     <option value="Northern Marianas Islands" class="noh">Northern Marianas Islands</option>
  47.                     <option value="Ohio" class="oh">Ohio</option>
  48.                     <option value="Oklahoma" class="noh">Oklahoma</option>
  49.                     <option value="Oregon" class="noh">Oregon</option>
  50.                     <option value="Pennsylvania" class="noh">Pennsylvania</option>
  51.                     <option value="Puerto Rico" class="noh">Puerto Rico</option>
  52.                     <option value="Rhode Island" class="noh">Rhode Island</option>
  53.                     <option value="South Carolina" class="noh">South Carolina</option>
  54.                     <option value="South Dakota" class="noh">South Dakota</option>
  55.                     <option value="Tennessee" class="noh">Tennessee</option>
  56.                     <option value="Utah" class="noh">Utah</option>
  57.                     <option value="Vermont" class="noh">Vermont</option>
  58.                     <option value="Virginia" class="noh">Virginia</option>
  59.                     <option value="Virgin Islands" class="noh">Virgin Islands</option>
  60.                     <option value="Washington" class="noh">Washington</option>
  61.                     <option value="West Virginia" class="noh">West Virginia</option>
  62.                     <option value="Wisconsin" class="noh">Wisconsin</option>
  63.                     <option value="Wyoming" class="noh">Wyoming</option>
  64.                 </select>
  65.                 <div id="pa-color-black-length-6i-con-s-s-yes-noh">
  66.                     <p class="price">29.95 $</p>
  67.                     <div class="ul-payment">
  68.                         <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  69.                             <input type="hidden" name="cmd" value="_s-xclick">
  70.                             <input type="hidden" name="hosted_button_id" value="MM37PAL8ZHAVU">
  71.                             <input type="image" src="http://sergibeltran.com/jim/img/add.png" name="submit" alt="PayPal. La forma rápida y segura de pagar en Internet.">
  72.                             <img alt="" src="https://www.paypalobjects.com/es_ES/i/scr/pixel.gif" width="1" height="1">
  73.                         </form>
  74.                         <ul>
  75.                             <li><img src="img/payment/PayPal.png" alt="PayPal"></li>
  76.                             <li><img src="img/payment/Visa.png" alt="Visa"></li>
  77.                             <li><img src="img/payment/Mastercard.png" alt="Mastercard"></li>
  78.                             <li><img src="img/payment/American-Express.png" alt="American Express"></li>
  79.                             <li><img src="img/payment/Discover-Network.png" alt="Discover Network"></li>
  80.                         </ul>
  81.                     </div>
  82.                     <span class="comment">* The shipping will be free.</span>
  83.                     <span class="comment">* The shipping will be between 4 and 6 days.</span>
  84.                 </div>
  85.                 <div id="pa-color-black-length-6i-con-s-s-yes-oh">
  86.                     <p class="price">35.95 $</p>
  87.                     <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
  88.                         <input type="hidden" name="cmd" value="_s-xclick">
  89.                         <input type="hidden" name="hosted_button_id" value="MM37PAL8ZHAVU">
  90.                         <input type="image" src="http://sergibeltran.com/jim/img/add.png" name="submit" alt="PayPal. La forma rápida y segura de pagar en Internet.">
  91.                         <img alt="" src="https://www.paypalobjects.com/es_ES/i/scr/pixel.gif" width="1" height="1">
  92.                     </form>
  93.                     <div class="ul-payment">
  94.                         <ul>
  95.                             <li><img src="img/payment/PayPal.png" alt="PayPal"></li>
  96.                             <li><img src="img/payment/Visa.png" alt="Visa"></li>
  97.                             <li><img src="img/payment/Mastercard.png" alt="Mastercard"></li>
  98.                             <li><img src="img/payment/American-Express.png" alt="American Express"></li>
  99.                             <li><img src="img/payment/Discover-Network.png" alt="Discover Network"></li>
  100.                         </ul>
  101.                     </div>
  102.                     <span class="comment">* The shipping will be free.</span>
  103.                     <span class="comment">* The shipping will be between 4 and 6 days.</span>
  104.                 </div>
  105.             </div>

Código Javascript:
Ver original
  1. $("#pa-color-black-length-6i-con-s-s-yes .noh").click(function(evento){
  2.         $("#pa-color-black-length-6i-con-s-s-yes-noh").fadeIn('5000');
  3. });
  4.  
  5.     $("#pa-color-black-length-6i-con-s-s-yes .oh").click(function(evento){
  6.         $("#pa-color-black-length-6i-con-s-s-yes-oh").fadeIn('5000');
  7. });

Un saludo y gracias de antemano!

Etiquetas: jquery, select
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 17:34.