Rimuovere e popolare le option di una select box con JQuery.

Scritto il 16-12-2011 da Vito Antonio Bonardi

Pubblicato su : Internet news, Programming, Technology

0

Avevo la necessità di ripopolare una select dinamicamente, a partire da una sequenza statica.

<select id="selectBox">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
</select>

Per cancellare tutte le option basta usare la funzione JQuery “empty”:

$('#selectBox').empty();

Per ripopolare le option:

$('#selectBox').append('<option>New Option</option>');
$('#selectBox').append('<option>New Option1</option>');
...

Per fare il tutto in un colpo solo:

$('#selectBox').empty().append('<option>New Option</option>').append('<option>New Option1</option>');

Firebug.

Scritto il 11-12-2006 da Vito Antonio Bonardi

Pubblicato su : Internet news, Technology

0

Firebug

Per la serie "sempre sulla fascia", oggi ho scoperto Firebug, plugin ancora in fase beta ma perfettamente funzionante. Questo plugin va a sostituire la Web Developer Toolbar che a dir la verità non ho utilizzato granchè, perchè non la ritenevo comodissima. Firebug permette di "inspect and edit HTML, tweak CSS to perfection, visualize CSS metrics, monitor network activity, debug and profile JavaScript, quickly find errors, explore the DOM, execute JavaScript on the fly and logging for JavaScript."