Implémentation d'un plug-in de sélection de packages de type Taobao basé sur jQuery_jquery

Le premier est le code HTML de la page

Copier le code Le code est le suivant :

Appel local

Alors appelle le js

Copier le code Le code est le suivant :

<script><br /> /*************************************<br /> * Créez des colonnes d'options basées sur les données json locales<br /> ***************************************/<br /> var datanodes=[<br /> {text:"Norme officielle",value:"1",selected:true},<br /> {text:"Package Un",value:"2"},<br /> {text:"Package Deux",value:"3"},<br /> {text:"Package Trois",value:"4"},<br /> {text:"Package Quatre",value:"5"},<br /> {text:"Package Cinq",value:"6"},<br /> {text:"Package Six",value:"7"},<br /> {text:"Package Sept",value:"8"},<br /> {text:"Package huit",value:"9"},<br /> {text:"Package Neuf",value:"10"}<br /> ];<br /> /**<br /> * @type {maliste><br /> * @param className nom CSS de la couche de support du conteneur <br /> * @param La fonction de rappel appelée après le clic de l'utilisateur, personnalisée par le développeur<br /> ​*/<br /> var mylistobjLocal=new OptionList("testlocal","mycall");<br /> mylistobjLocal.createListHtml(datanodes);<br /> /************************************<br /> * Créez des colonnes d'options basées sur les données json du serveur distant ***********************************<br /> * Créez des colonnes d'options basées sur les données json du serveur distant<br /> * @type {maliste><br /> * @param className nom CSS de la couche de support du conteneur <br /> * @param La fonction de rappel appelée après le clic de l'utilisateur, personnalisée par le développeur<br /> ​*/<br /> var mylistobjAjax=new OptionList("testajax","mycall");<a href="http://127.0.0.1/option-jquery-dc/testJson.php"> var url="http://127.0.0.1/option-jquery-dc/testJson.php<br />";<br /> /**<br /> * Créez une liste d'options basée sur l'URL<br /> ​*/<br /> malistobjAjax.createListHtmlForAjax(url);<br /> /***<br /> *Fonction de rappel lorsque l'utilisateur sélectionne une option<br /> * @param result Renvoie les paramètres pertinents de l'élément actuellement sélectionné <br /> ​*/<br /> var monappel=fonction(résultat){<br /> alert("Vous avez sélectionné : " result.text " : result.value);<br /> ></script>

Ce qui précède représente l'intégralité du contenu de cet article, j'espère que vous l'aimerez tous