form dinamico! aiuto!

**cospa** · 25-07-2010, 17:35

Ciao a tutti, mi chiedevo se qualcuno potesse aiutarmi nel mio problema, mi spiego velocemente:
sto lavorando in un ambiente lato client in linguaggio javascript.
In poche parole voglio creare un form dinamico che contiene tanti campi di input quanti sono gli elementi di un array javascipt in cui memorizzo, ogni qual volta ricevo la risposta dal server, un determinato numero di informazioni. A me interesserebbe saper solo come poter creare dinamicamente tanti campi quanto la "length" del mio array.

Grazie!

**Vicar** · 25-07-2010, 22:17

Io ti consiglio di spostarti sul PHP...

Ti basta:

for($i=0; $i < count($array); $i++){
echo '<input type="text" id="txt_$i">
}

Tadààà

**br1** · 26-07-2010, 07:44

Originariamente inviato da Vicar
Io ti consiglio di spostarti sul PHP...

Ti basta:

for($i=0; $i < count($array); $i++){
echo '<input type="text" id="txt_$i">
}

Tadààà

In un forum che tratta il javascript uno si aspetta una risposta in tale linguaggio

per presentare competenze diverse ci sono gli altri forum

**Vicar** · 26-07-2010, 09:05

E devo dire che la tua risposta è stata molto utile invece per il ragazzo, scrivi la critica ma poi posta la soluzione, io ho postato la soluzione alternativa e gli ha dato un consiglio, non si può nemmeno questo? -.-

Javascript:

codice:

for(i=0;i<lunghezza;i++){
var div = document.getElementById("id_del_div").innerHTML = "<input type=text>";
}

**Enzaccio** · 26-07-2010, 10:12

Ne convengo che il comportamento di taluni mi ha già invogliato a frequentare (poco) questo forum; a parte questo episodio nello specifico: magari bruno non aveva tempo.

La proposta in PHP non funzionerà se non chiudi la riga di echo col ' e col ;
come pure, per ottenere stampato nell' id il numero progressivo dinamico, dovremo far uso del dot di concatenazione, altrimenti semplicemente ci ritroveremo id="txt_$i" tal quale uguale per tutti.

codice:

<?php
for($i=0; $i < 10; $i++){
echo '<input type="text" id="txt_' . $i . '">
';
};
?>

È l' echo introdotto con gli apici doppi che, eventualmente consente la collazione; le variabili cioè, vengono interpretate comunque, con o senza dot:
echo "<input type='text' id='txt_$i'>
";

Quanto all' esempio in JavaScript, valido come traccia di partenza, reitera però per lunghezza volte l' assegnazione del medesimo contenuto innerHTML al DIV che si ritroverà con un soloTag INPUT.
Le reiterazioni del ciclo for si devono assommare nella variabile.
L' operatore + può entrare in gioco in diversi modi:

document.getElementById("id_del_div").innerHTML = document.getElementById("id_del_div").innerHTML + "<input type='text'>
";
o
document.getElementById("id_del_div").innerHTML += "<input type='text'>
";

Questo funziona; editare il Valore di var lunghezza :

codice:

<html><body>

<div id="id_del_div"></div>

<script type="text/javascript">

    var lunghezza = 10;

for(i=0;i<lunghezza;i++){
 document.getElementById("id_del_div").innerHTML += '<input type=text id="txt_' + i + '" onclick="alert(this.id);">
';
}

</script>

</body></html>

P.S.: Come prima in PHP col punto, ora in JavaScript è il segno + che usiamo per la concatenazione ( variabile + variabile o 'stringa' + variabile ), che assume quindi una doppia valenza: operatore numerico e di concatenazione.

**br1** · 26-07-2010, 10:50

Questo forum e' strettamente imparentato col forum HTML col quale spesso ne condivide i problemi e raramente si trova la necessita' di spostare le discussioni... ma in particolar modo condivide il regolamento tanto che, finora, non si e' sentita la necessita' di duplicarne le regole... ma se insistete copiero' almeno l'articolo 2

Critiche e suggerimenti, come da regolamento, con i messaggi privati ai moderatori o direttamente agli amministratori, qui si chiude dato l'evidente scantonamento... se l'utente cospa lo ritiene puo' aprire un'altra discussione.

Discussione: form dinamico! aiuto!

Strumenti discussione

Ricerca discussione

Visualizza

form dinamico! aiuto!

Permessi di invio