Error switch

[carlosuc99]

Tengo este switch:

Código Javascript:

<tr><td class=Forms>Number Classes:</td><td><select name="numberclasses" id="numberclasses" onchange="callAjax()">
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select></td></tr>
    <div></div>
    
<script type="text/javascript">
 
$("select").change(function() {
str = $(this).val();
 
$("div").text(str);
 
switch()
  {
    case 1:
     document.write("Hola Mundo");
     document.write("Hola Mundo");
    break;
    
     case 2:
     document.write("Hola Mundo");
    break;
 
    case 3:
    document.write("Hola Mundo");
    document.write("Hola Mundo");
    document.write("Hola Mundo");
    break;
 
  }
});
 
 
</script>
 

Utiliza la variable str como número para saber que caso utilizar. Lo raro es que yo puedo imprimir la variable str:

Código Javascript:

$("div").text(str);
 

Y me da a la perfección el resultado del select.

Pero si la utizo en el switch no funciona.

En el caso de que defina la variable str con un valor estático el switch no da problema alguno:

Código Javascript:

<script type="text/javascript">
 
str = 2;
 
$("div").text(str);
 
switch()
  {
    case 1:
     document.write("Hola Mundo");
     document.write("Hola Mundo");
    break;
    
     case 2:
     document.write("Hola Mundo");
    break;
 
    case 3:
    document.write("Hola Mundo");
    document.write("Hola Mundo");
    document.write("Hola Mundo");
    break;
 
  }
</script>
 

[David]

Haz un parseInt(str) antes de pasarlo por el bloque switch para evitar problemas con los tipos.

[carlosuc99]

Iniciado por David

Haz un parseInt(str) antes de pasarlo por el bloque switch para evitar problemas con los tipos.

Cómo? así:

Código Javascript:

<tr><td class=Forms>Number Classes:</td><td><select name="numberclasses" id="numberclasses" onchange="callAjax()">
        <option>1</option>
        <option>2</option>
        <option>3</option>
    </select></td></tr>
    <div></div>
    
<script type="text/javascript">
 
$("select").change(function() {
valor = $(this).val();
 
$("div").text(valor);
 
parseInt(str);
 
switch(str)
  {
    case 1:
     document.write("Hola Mundo");
     document.write("Hola Mundo");
    break;
    
     case 2:
     document.write("Hola Mundo");
    break;
 
    case 3:
    document.write("Hola Mundo");
    document.write("Hola Mundo");
    document.write("Hola Mundo");
    break;
 
  }
});
 
 
</script>
 

Disculpar que en el primer post puse:

Código Javascript:

switch()
 

y es:

Código Javascript:

switch(str)
 

[David]

Más bien así:

Código Javascript:

switch(parseInt(str))
 

O:

Código Javascript:

str = parseInt(str);
 

Tienes que tomar el valor de retorno de parseInt.

[carlosuc99]

Iniciado por David

Más bien así:

Código Javascript:

switch(parseInt(str))
 

O:

Código Javascript:

str = parseInt(str);
 

Tienes que tomar el valor de retorno de parseInt.

Claro!!! Pero sigue sin funcionar

[fishdesign]

A lo que se refiere David es que estás obteniendo el valor tipo string del select, y en el case tienes un número (un entero).
Con parseInt() puedes pasar el valor a integer, es decir, número entero.

"2" no es igual a 2

Si pones entre comillas el valor del case, debería funcionarte (si no has cometido errores por otro lado), aunque esto debe ser para que tu mismo veas el fallo y no como una solución.

Igualmente, switch(str) no es correcto, ya que la variable str no tiene asignación en ningún sitio.

Tendrías que hacer str = parseInt(valor);

También deberías declarar las variables locales anteponiendo "var" (sin comillas) delante de las variables.

[carlosuc99]

Iniciado por fishdesign

A lo que se refiere David es que estás obteniendo el valor tipo string del select, y en el case tienes un número (un entero).
Con parseInt() puedes pasar el valor a integer, es decir, número entero.

"2" no es igual a 2

Si pones entre comillas el valor del case, debería funcionarte (si no has cometido errores por otro lado), aunque esto debe ser para que tu mismo veas el fallo y no como una solución.

Igualmente, switch(str) no es correcto, ya que la variable str no tiene asignación en ningún sitio.

Tendrías que hacer str = parseInt(valor);

También deberías declarar las variables locales anteponiendo "var" (sin comillas) delante de las variables.

Ahora funciona! Pero me lo abre independiente. Es decir, en vez de mostrarmelo en la página del formulario, abre una nueva y se vé todo blanco excepto porque pone Hola Mundo las veces correspondientes.

[fishdesign]

El problema viene del document.write.
Ya que usas JQuery, tienes otras alternativas, por ejemplo:

Código Javascript:

$('body').append('texto');
 

[carlosuc99]

Iniciado por fishdesign

El problema viene del document.write.
Ya que usas JQuery, tienes otras alternativas, por ejemplo:

Código Javascript:

$('body').append('texto');
 

Perfecto!!!!!!