Onclick en Select

Grox · #1 (**permalink**) 01/10/2011, 17:24

Hola, alguien me ayudaria en pasar estos onclick a onchange...

No logro hacerlo ya que son funciones distintas para cada valor :S

Código Javascript:

Ver original<select id="".$cancion."se">
<option selected>Acci&oacute;n</option>
<option onclick="renombrar('".$cancion."'); selecc('".$cancion."se')">Renombrar</option>
<option onclick="ajax('".$cancion."', 'centrado', '".$titulo."', 'mover'); selecc('".$cancion."se')">Mover</option>
<option onclick="ajax('".$cancion."', '" . $cancion . "', 'borrar', 'borrar'); selecc('".$cancion."se')">Borrar</option>
</select>

Panino5001 · #2 (**permalink**) 01/10/2011, 18:09

onclick en option no funciona en todos los navegadores. Deberías usar onchange en el tag select.

Código PHP:

  <!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>Untitled Document</title>
<script type="text/javascript">
function f1(){alert(1)}
function f2(){alert(2)}
</script>
</head>

<body>
<form action="" method="get"><select name="" onchange="if(typeof window[this.value]=='function')window[this.value].call()">
<option value="0">seleccionar</option>
<option value="f1">uno</option>
  <option value="f2">dos</option>
</select></form>
</body>
</html>

O así si necesitás argumentos:

Código PHP:

  <!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>Untitled Document</title>
<script type="text/javascript">
function f1(a,b,c){alert(a+b+c)}
function f2(a,b){alert(a+b)}
var argumentos=[['w','x','y'],[1,2]];
</script>
</head>

<body>
<form action="" method="get"><select name="" onchange="if(typeof window[this.value]=='function')window[this.value].apply(null,argumentos[this.selectedIndex-1])">
<option value="0">seleccionar</option>
<option value="f1">uno</option>
  <option value="f2">dos</option>
</select></form>
</body>
</html>

Grox · #3 (**permalink**) 01/10/2011, 18:19

Si, eso ya lo sabía y lo arregle así:

Código Javascript:

Ver originalfunction acciones(idx, pos){
if(pos == 1){ renombrar(idx); selecc(idx+'se'); }
if(pos == 2){ var titulo = document.getElementById('t'+idx).innerHTML; ajax(idx, 'centrado', titulo, 'mover'); selecc(idx+'se'); }
if(pos == 3){ ajax(idx, idx, 'borrar', 'borrar'); selecc(idx+'se'); }
}

Código Javascript:

Ver original<select onchange=\"acciones('".$cancion."', this.selectedIndex);\" id=\"".$cancion."se\" class=\"azul\">
<option selected>Acci&oacute;n</option>
<option>Renombrar</option>
<option>Mover</option>
<option>Borrar</option>
</select></td>";