Select generate dinamicamente .....

**whisher** · 23-08-2006, 19:39

Ciao.
Scusate la scoperta dell'acqua calda
ma volevo (mi piacerebbe

)
sapere se un approccio del genere
è corretto :

Codice PHP:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>Untitled Document</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script language="JavaScript" type="text/JavaScript">

function createSelect(myarray,target)

{

    var myselect = document.createElement("select");

    myselect.setAttribute("id", "myselect");

    document.getElementById(target).appendChild(myselect);

    var myoption = new Array();

    var i = 0;

    for(var value in myarray)

    {

        myoption[i] = document.createElement("option");

        myoption[i].setAttribute("value", value);

        var text = document.createTextNode(myarray[value]);

        myoption[i].appendChild(text);

        document.getElementById("myselect").appendChild(myoption[i]);

        i++;

    }

    

    

    

    



}

window.onload = function()

{

var myarray = new Array();

myarray["uno"] = "one";

myarray["due"] = "two";

myarray["tre"] = "three";

myarray["quattro"] = "four";

createSelect(myarray,"frm");

var sel = document.getElementById("myselect");

sel.onchange = function()

{

var val = sel.options[sel.selectedIndex].value;

alert( val );

}



}

</script>



</head>



<body>

<form id="frm" action="mypage.php" method="post" name="frm">



</form>

</body>

</html>

o se esiste un modo migliore o + flessibile (eventi a parte).

**Anªkin** · 24-08-2006, 00:30

Direi che il metodo è corretto. L'unica cosa, puoi fare a meno dell'array myoption, basta una variabile.

**whisher** · 24-08-2006, 10:02

Codice PHP:


var myoption = "";

    for(var value in myarray)

    {

        myoption = document.createElement("option");

        myoption.setAttribute("value", value);

        var text = document.createTextNode(myarray[value]);

        myoption.appendChild(text);

        document.getElementById("myselect").appendChild(myoption);

        

    }

Grazie per l'utile appunto.

**Shangri-La** · 24-08-2006, 15:19

scusate se mi intrometto...ma ero interessato a questo script...
Vi chiedo, come andrebbe modificato il codice se le option le volessi ricavare da un db??

Grazie.

**Anªkin** · 24-08-2006, 17:31

Originariamente inviato da Shangri-La
scusate se mi intrometto...ma ero interessato a questo script...
Vi chiedo, come andrebbe modificato il codice se le option le volessi ricavare da un db??

Grazie.

Non dovrebbe essere modificato, devi solo definire l'array myarray allo stesso modo di come è stato fatto nello script, solo che gli devi passare le chiavi e i valori estratti dal tuo db. Lo devi fare con un linguaggio server-side, in pratica scrivi del codice javascript utilizzando php/asp/etc.

**Shangri-La** · 24-08-2006, 17:53

In pratica in ASP dovrebbe essere cosi?

codice:

'APRO IL DB E CREO IL RECORDSET

<script language="JavaScript" type="text/JavaScript">
window.onload = function()
{
var myarray = new Array();
<% Do While Not Rs.EOF %>
myarray["<%=Rs('Label')%>"] = "<%=Rs('Id')%>";
<% Rs.MoveNext
Loop %>

ecc..
ecc..

</script>

Ho scritto un' eresia??

**whisher** · 24-08-2006, 19:03

E in php poi utilizzare una function
che recupera i dati da mysql o da flat file
(si può migliorare ma per fare un semplice esempio)

Codice PHP:


<?php

function createJavaScript($dataSource,$arrayName='rows')

{

    // validate variable name

    if(!is_string($arrayName))

    {

        die('Invalid variable name');

    }

    // initialize JavaScript string

    $javascript='<script>var '.$arrayName.'=[];';

    // check if $dataSource is a file or a result set

    if(is_file($dataSource))

    {

           // read data from file

        $row=file($dataSource);

        // build JavaScript array

        for($i=0;$i<count($row);$i++)

        {

              $javascript.=$arrayName.'['.$i.']="'.trim($row[$i]).'";';

            $javascript.="\n";

        }

    }

    // read data from result set

    else

    {

        $i = 0;

        $tempOutput='';

        while($row=mysql_fetch_array($dataSource,MYSQL_NUM))

        {

            $tempOutput.= $arrayName.'['.$i.']'."=\"".trim($row[0]).'";';

            $tempOutput.= "\n";

            $i++;

        }

        $javascript.= $tempOutput;

    }

        $javascript.='</script>'."\n";

         // return JavaScript code

        return $javascript;

    }

echo createJavaScript('news.txt','news');

?>

Puoi trovare una spiegazione qui

**Anªkin** · 24-08-2006, 19:31

Originariamente inviato da Shangri-La
In pratica in ASP dovrebbe essere cosi?

codice:

'APRO IL DB E CREO IL RECORDSET

<script language="JavaScript" type="text/JavaScript">
window.onload = function()
{
var myarray = new Array();
<% Do While Not Rs.EOF %>
myarray["<%=Rs('Label')%>"] = "<%=Rs('Id')%>";
<% Rs.MoveNext
Loop %>

ecc..
ecc..

</script>

Ho scritto un' eresia??

Inverti Id e Riga, la chiave di myarray viene assegnata all'attributo value della option.

**Shangri-La** · 25-08-2006, 10:14

Grazie Anankin ho provato e funziona!
x whisher: farlo in PHP è ancora presto per me...sono alle primissime armi!

Discussione: Select generate dinamicamente .....

Strumenti discussione

Ricerca discussione

Visualizza

Select generate dinamicamente .....

............

...e se anche le option fossero dinamiche??

Re: ...e se anche le option fossero dinamiche??

........

Permessi di invio