Combobox Aggiungere dinamicamente ITEM




<select id="esempio_select_1"></select>
<input type="text" id="esempio_text_1" />
<input type="button" id="btn_aggiungi" value="aggiungi alla lista" />
<select id="esempio_select_2"></select>

<script>


var array_paesi = ['Belgio','Francia','Inghilterra','Italia','Olanda','Spagna'],
esempio_select_1 = document.getElementById('esempio_select_1');

for( paesi in array_paesi ) {
esempio_select_1.add( new Option( array_paesi[paesi] ) );
};

document.getElementById('btn_aggiungi').onclick = function() {
esempio_select_2 = document.getElementById('esempio_select_2');
country_val = document.getElementById('esempio_text_1').value;
if (country_val != '') {
esempio_select_2.add(new Option(country_val));
document.getElementById('esempio_text_1').value='';
} else {
alert('Non hai inserito nessun valore.');
}
}

</script>










( comboboxaggiungeredinamicamenteitem.html )- by Paolo Puglisi - Modifica del 17/12/2023