Foros del Web - Ver Mensaje Individual

emprear · #11 (**permalink**) 13/07/2012, 13:08

Cita:

Iniciado por racba

Hola a todos:
Que les parece este codigo:

Código HTML:

Ver original<html>
<head>
<script type="text/javascript">
 function cambiar_link(){
      var _link = new Array('milink1', 'milink2', 'milink3');
      alert('Este es el array con todos los links: '+_link);
      _div = document.getElementById('id_div');
      _select = document.getElementById('id_select')
      _optioncant = _select.length;
      alert ('Las cantidad de opciones son: '+_optioncant);
      _option=_select.options[_select.selectedIndex].index;
      alert('Esta es la opcion numero: '+_option+ '. Recordar que la primera opcion es 0');
      for (i=1; i< _optioncant; i++){
          if (i == _option){
            _div.innerHTML = '<a href="http://www.'+_link[i-1]+'.com">Mi link '+i+'</a>';
            break;
          }
       }
    }
   </script>
</head>
<body>
<form>
  <select id="id_select" onchange="cambiar_link()">
   <option>OPCIONES</option>
   <option>opcion 1</option>
   <option>opcion 2</option>
   <option>opcion 3</option>
  </select>
  </form>
  <div id='id_div'></div>
  </body>
 </html>

Haya paz !!!

@racba
permitime simplificarlo un poco

Código HTML:

Ver original<!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>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>cambiar href</title>
<script type="text/javascript">
//<![CDATA[
    function cambiar_link(){
    var elLink = document.getElementById('id_select');
    if(elLink.value !== ""){
    document.getElementById('destino').href = elLink.value;
    document.getElementById('destino').innerHTML =elLink.options[elLink.selectedIndex].text;
    }
    }
//]]>
</script>
</head>
<body>
<form action="#">
<select id="id_select" onchange="cambiar_link()">
<option value="">OPCIONES</option>
<option value="http://google.com">google</option>
<option value="http://forosdelweb.com">foros del web</option>
<option value="http://emprear.com">emprear</option>
</select>
</form>
<a href="#" id="destino">ir a</a>
</body>
</html>

De todas maneras, mucho sentido no le encuentro (a lo mejor viendo todo el conjunto...)

Las opciones más comunes para esto serían

A. que al hacer onchange() haga directamente la redirección
B. no hacer el onchange(), agregar un botón y que ejecute la función onclick()
@carlod_39
sin ánimo de inmiscuirme en tu pequeño entredicho con @furoya, si hubieses comentado

Cita:

efectivamente lo que quería era que al seleccionar una opción en el select la dirección del link cambia el href

oportunamente, este posts no tendría más de 3 respuestas (incluido tu agradecimiento)

Saludos