Aggiungere un Select

**SkyTechnologyes** · 10-06-2013, 16:36

Tramite un link/bottom aggiungere un Select. Qualche consiglio/guida?

**carlomarx** · 10-06-2013, 16:50

Ti conviene crearti una funzione a cui passare un oggetto descrittore. Così:

codice:

<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Documento HTML</title>
<script type="text/javascript">

function addSelect (oDescriptor, sName, oParent) {

	var oOpt, oSel = document.createElement("select");

	oSel.setAttribute("name", sName);

	for (var sLabel in oDescriptor) {
		oOpt = document.createElement("option");
		oOpt.innerHTML = sLabel;
		oOpt.value = oDescriptor[sLabel] === null ? sLabel : oDescriptor[sLabel].toString();
		oSel.appendChild(oOpt);
	}

	oParent.appendChild(oSel);

}

</script>
</head>
 
<body>

<div id="contenitore"></div>

<span style="text-decoration: underline; color: #0000ff; cursor: pointer;" id="pulsante">Aggiungi select</span>

<script type="text/javascript">
	document.getElementById("pulsante").onclick = function () {
		addSelect({
			"option #1": 14,
			"option #2": true,
			"pizza": "Ciao mondo!",
			"fichi": null
		}, "esempio", document.getElementById("contenitore"));
	};
</script>

</body>
</html>

**SkyTechnologyes** · 10-06-2013, 19:48

Perfetto, ma cosi facendo, come faccio a passare il value distinto di ogni Select, cioè come richiamo ogni select?

**carlomarx** · 10-06-2013, 20:11

Originariamente inviato da SkyTechnologyes
Perfetto, ma cosi facendo, come faccio a passare il value distinto di ogni Select, cioè come richiamo ogni select?

Creati tanti oggetti descrittori quante sono le select che vuoi creare.

**SkyTechnologyes** · 10-06-2013, 20:45

Originariamente inviato da carlomarx
Creati tanti oggetti descrittori quante sono le select che vuoi creare.

No, io intendevo per i select che si vanno ad aggiungere

**carlomarx** · 10-06-2013, 22:32

Non ti capisco. Il value di una select è l'option scelta dall'utente. A chi lo devi passare????

Discussione: Aggiungere un Select

Strumenti discussione

Ricerca discussione

Visualizza

Aggiungere un Select

Permessi di invio