array de php a javascript

jerkan · #1 (**permalink**) 14/02/2006, 04:18

He encontrado algo en este foro pero no acaba de ser lo que yo busco.
Mi objetivo es rellenar unos campos de un formulario según el valor que se seleccione en un combobox. Los datos estan cargados en un array.
El código que tengo hasta ahora es el siguiente:

Código:

<?php

	$lista = array( 'hola', 'don', 'pepito');
?>

<script>

	function myfunction()
	{
		with( FormName )
		{
			Campo1.value = '<?php echo $lista[Combo.selectedIndex]?>';
		}
	}
	
</script>

<form name="FormName">
		
	<br>Combo
	<select name="Combo" size="1" onchange="myfunction()">
		<option>0</option>
		<option>1</option>
		<option>2</option>
	</select>
			
	<br>Campo 1
	<input name="Campo1" type="text">
</form>

¿Existe alguna manera de acceder al array de php mediante índices sin tener que copiarlo todo a un array de javascript?

jerkan · #2 (**permalink**) 14/02/2006, 04:41

Una solución aproximada podría ser esta aunque tengo que copiar el array de php a uno nuevo de javascript.

Código PHP:

  <?php

    $lista = array( array('hola', 'don'), array('pepito', 'juan'));
?>

<html><head>

<script language="javascript">

    <?php 
        echo("var lista = new Array();");
        
        for( $i = 0; $i < count($lista); $i++ )
        {    
            echo("lista[$i] = new Array('".implode("','",$lista[$i])."');");
        }    
    ?>
    
    function myfunction()
    {
        with( FormName )
        {
            Campo1.value = lista[Combo.selectedIndex][0];
            Campo2.value = lista[Combo.selectedIndex][1];
        }
    }
    
</script></head>
    <body>
    
        <form name="FormName">
        
            <br>Combo
            <select name="Combo" size="1" onchange="myfunction()">
                <option>0</option>
                <option>1</option>
            </select>
            
            <br>Campo 1
            <input name="Campo1" type="text">

            <br>Campo 2
            <input name="Campo2" type="text">
                        
        </form>
        
    </body>
</html>