Remote Select jQuery plugin

Remote Select est un plugin qui vous permettra de remplir facilement les options d’un champs SELECT  via un fichier JSON. D’autres fonctionnalités sont disponible comme le remplissage d’un second SELECT associé en fonction du choix fait sur le premier.

Exemples et sources sur GitHub

Installation

Vous devez d’abord include le plugin et jQuery lui même.

<script type='text/javascript' src='js/jquery-1.4.2.min.js'></script>
<script type='text/javascript' src='js/jquery.jd-remote-select.min.js'></script>

Exemple de fichier JSON à charger

[
{"id":"4","code":"AD","label":"Andorre","language":"es"},
{"id":"14","code":"AU","label":"Australie","language":"en"},
{"id":"2","code":"BE","label":"Belgique","language":"fr"}
]

Initialisation

$(document).ready(function()
{
	var remoteSelect = $("select").jdRemoteSelect();
});

Options d'initialisation

Paramètre Valeur par défaut Commentaire
keepFirstOption false Si true, le plugin gardera la première options du SELECT dans le dom avant de remplir les options trouvées dans le JSON
autoLoad true Si true, charge le JSON dès l'initialisation du plugin
labelProperty 'label' Définit le nom de la propriété de l'item correspondant dans le fichier JSON utilisé pour remplir le libellé de l'option (innerHTML)
valueProperty 'id' Définit le nom de la propriété l'item correspondant dans le fichier JSON utilisé pour remplir l'attribut 'value' de l'option
subSelectTarget null Sélecteur jQuery d'un SELECT associé pour un remplissage en fonction de la valeur du premier
defaultValue '' Valeur par défaut utilisé pour sélectionner une option du SELECT lors de l'initialisation
data {} Données supplémentaires envoyées au fichier JSON.

Versions

  • 1.0 | Version initiale