Assegnazione del valore di una variabile con il select

**Moito** · 14-01-2010, 22:42

Ciao a tutti,

Ho letto qualche dispensa di javascript e stavo lavorando su di uno script un po' particolare che vi illustro brevemente:

Nel body della pagina ho uno script di questo genere:

codice:

<script type="text/javascript"><!--
document.write("<select class=\"classe1\" id=\"id1\" name=\"nome1\">");
document.write("<option value=\"0\" selected=\"selected\">&lt; Giocattoli &gt;</option>");
aggiungi_giocattoli()
document.write("</select>");
//--></script>

che genera nell'html un tag select contenente il nome di una serie di giocattoli.

Io vorrei aggiungere una funzione che mi salvi in una variabile il valore del tag option selezionato (A) in modo che in un altro script possa tranquillamente scrivere:

codice:

<script type="text/javascript"><!--
document.write("<select onchange=\"fornitori(this, A, 9);\" class=\"classe2\" name=\"nome2\">");
document.write("<option value=\"&lt; Fornitore &gt;\" selected=\"selected\">&lt; Fornitore &gt;</option>");
scriviqui(A)
document.write("</select>");
//--></script>

Ho trovato diversi script in rete già pronti che usano selectedIndex come questo qui sotto però appena faccio delle varianti non funziona nulla. Qualche consiglio?

codice:

<!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>Documento senza titolo</title>
<script type="text/javascript">
// Create arrays containing state cities
// Note: These arrays could be created dynamically
var arrStates, arrFlorida, arrNewYork, arrTennessee
arrFlorida = ["Daytona Beach", "Miami", "Orlando", "Tampa"]
arrNewYork = ["Albany","New York", "Oakland", "Rochester"]
arrTennessee = ["Gatlinburg", "Knoxville", "Memphis", "Nashville"]
arrStates =[arrFlorida, arrNewYork, arrTennessee]

// Function to handle dynamically altering the contents of the City List box
function handleChange(newDisplay)
{   var StateSelect, CitySelect, NumEntries, i
    StateSelect = document.frm.States
    CitySelect = document.frm.Cities

  // Delete all entries in the cities list box
  for (i = CitySelect.length; i > 0; i--)
  {
    CitySelect.options[i-1] = null
  }

  // Add comment option to City List box
  CitySelect.options[0] = new Option("-- Select City --",0)

  // If state is selected add its cities to the City List box
  if (newDisplay >= 0)
  {
    NumEntries = arrStates[newDisplay].length
    for (i = 1; i <= NumEntries; i++)
    {
      CitySelect.options[i] = new Option((arrStates[newDisplay])[i-1],(i))
    }
  }
  CitySelect.selectedIndex = 0

}
</script>
</head>

<body>
<form name="frm" action="">
States:
<select name="States" onChange="handleChange(this[this.selectedIndex].value)">
  <option value="-1">-- Select State --
  <option value="0">Florida
  <option value="1">New York
  <option value="2">Tennessee
</select>




Cities: 
<select name="Cities">
    <option value="-1">-- Select City --
    <option>
    <option>
    <option>
    <option>
</select>
<script type="text/javascript">
handleChange(-1)
</script>
</form>
</body>
</html>

Grazie

P.S.: In pratica vorrei che la scrittura di un tag select avvenisse sulla scelta di un select posto sopra. In sostanza non riesco ad assegnare un valore a questa A. Non voglio postarvi tutto il codice ed il contenuto delle funzioni altrimenti venite vecchi e la domanda diventa troppo complessa...

**Moito** · 19-01-2010, 00:54

Detto in maniera più semplice ho bisogno di uno script che ad ogni scelta di un elemento risiedente nel tag select specifico, editabile con il mouse, salvi in una variabile un determinato array precedentemente definito.

ESEMPIO
Se l'utente seleziona il primo elemento della lista allora poni X uguale a Y.

**Moito** · 22-01-2010, 23:32

Perché questo script non funziona?

codice:

<!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>Documento senza titolo</title>
<script type="text/javascript"><!--
function selezione(opzione) {
if (opzione==-1) {}
else if (opzione==0) {A=0;
document.esempio2.write("<div>");
document.esempio2.write("A");
document.esempio2.write("</div>");
}
else if (opzione==1) {A=1;
document.esempio2.write("<div>");
document.esempio2.write("A");
document.esempio2.write("</div>");
}
else if (opzione==2) {A=2;
document.esempio2.write("<div>");
document.esempio2.write("A");
document.esempio2.write("</div>");
}
else if (opzione==3) {A=3;
document.esempio2.write("<div>");
document.esempio2.write("A");
document.esempio2.write("</div>");
}
else if (opzione==4) {A=4;
document.esempio2.write("<div>");
document.esempio2.write("A");
document.esempio2.write("</div>");
}
}
//--></script>
</head>
<body>
<form name="esempio" action="">
<select name="pippo" id="sel" onchange="selezione(this.options[this.selectedIndex].value)">
  <option value="-1">-- Select Element --</option>
  <option value="0">Vacanza 1</option>
  <option value="1">Vacanza 2</option>
  <option value="2">Vacanza 3</option>
  <option value="3">Vacanza 4</option>
  <option value="4">Vacanza 5</option>
</select>


</form>
<form name="esempio2" action="">
</form>
</body>
</html>

**cavicchiandrea** · 22-01-2010, 23:48

Secondo me hai troppa confusione, inizia dalle basi http://javascript.html.it/guide/legg...pt-per-esempi/

**Moito** · 24-01-2010, 14:44

Grazie cavicchiandrea, per caso hai qualche lettura più specifica per questo caso? In quella lettura ci sono molte cose in più che per il momento non mi servono.

**Moito** · 24-01-2010, 15:46

Originariamente inviato da cavicchiandrea
Secondo me hai troppa confusione, inizia dalle basi http://javascript.html.it/guide/legg...pt-per-esempi/

Nella guida che mi hai consigliato ho trovato questo passo:

"Se volete approfondire la conoscenza del metodo document.write(), potete consultare gli articloli su Javascript di HTML.it in cui viene spiegato come utilizzando i JavaScript esterni e il document.write() sia possibile creare delle vere e proprie inclusioni lato-client di intere parti della pagina."

a questo indirizzo:

http://javascript.html.it/guide/lezi...-nella-pagina/

così sono andato qui a cercare:

http://javascript.html.it/articoli/

con la speranza di trovare qualcosa ma non ho trovato nulla.

Mi daresti una mano per favore?

**Moito** · 26-01-2010, 00:02

Originariamente inviato da cavicchiandrea
Secondo me hai troppa confusione, inizia dalle basi http://javascript.html.it/guide/legg...pt-per-esempi/

Sono testardo ma alla fine mi piego... Leggerò tutto il malloppo...

Grazie

Discussione: Assegnazione del valore di una variabile con il select

Strumenti discussione

Ricerca discussione

Visualizza

Assegnazione del valore di una variabile con il select

Permessi di invio