Visualizzazione dei risultati da 1 a 3 su 3
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2016
    Messaggi
    7

    Select dinamica concatenata

    Ciao a tutti, sono nuovo del forum e nuovo anche di javascript, vado subito al punto.

    come da titolo nell'html ho una select con due option;

    codice:
    <select name="select1">
        <option>campo1</option>
        <option>campo2</option>
    </select>
    vorrei fare in modo che selezionando il campo1 il javascript mi generi una select e un input text,
    mentre selezionando il campo2 mi generi solo l'input text.

    Qualcuno pu� darmi una mano?
    grazie anticipatamente.

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,133
    Ciao e benvenuto, racchiudi gli elementi che vuoi creare in div nascosti (display:none) e in base a quello che selezioni mostri/nascondi (soluzione più semplice) altrimenti se vuoi generare tramite js leggi http://forum.html.it/forum/showthrea...hreadid=848168
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    Utente di HTML.it
    Registrato dal
    Sep 2016
    Messaggi
    7
    Quote Originariamente inviata da cavicchiandrea Visualizza il messaggio
    Ciao e benvenuto, racchiudi gli elementi che vuoi creare in div nascosti (display:none) e in base a quello che selezioni mostri/nascondi (soluzione pi� semplice) altrimenti se vuoi generare tramite js leggi http://forum.html.it/forum/showthrea...hreadid=848168

    Ciao Andrea Grazie dell'aiuto...
    alla fine ho risolto in modo diverso
    ecco il codice
    codice:
    <select id="test">
    <option value="" selected="selected">seleziona</option>
    <option value="1">primo</option>
    <option value="2">secondo</option>
    </select>
    <div id="Prova"></div>
    <script>
    var testSelect = document.getElementById('test');
    testSelect.addEventListener('change', function() 
    {
    	var scelta = this.value;
    	if(scelta == "")  {document.getElementById('Prova').innerHTML = ""}
    	if(scelta == "1") 
    	{
    		document.getElementById('Prova').innerHTML = "<select><option>opzione1</option><option>opzione2</option></select><input type='text'>";
    		
    	}
    	if(scelta == "2") {document.getElementById('Prova').innerHTML = "<input type='text'>"}
    });
    </script>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2025 vBulletin Solutions, Inc. All rights reserved.