{"id":185,"date":"2017-10-16T09:27:31","date_gmt":"2017-10-16T07:27:31","guid":{"rendered":"https:\/\/numa-bord.com\/miniblog\/?p=185"},"modified":"2017-10-16T09:27:31","modified_gmt":"2017-10-16T07:27:31","slug":"jquery-rendre-loption-dun-select-permanente-plugin-select2","status":"publish","type":"post","link":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/","title":{"rendered":"jQuery : rendre l’option d’un select permanente avec le plugin \u00ab\u00a0select2\u00a0\u00bb"},"content":{"rendered":"

Le plugin jQuery \u00ab\u00a0Select2\u00a0\u00bb<\/a> permet d\u2019am\u00e9liorer les champs de type \u00ab\u00a0select\u00a0\u00bb (liste d\u00e9roulante). Une de ces principales fonctionnalit\u00e9 et d’int\u00e9grer un champs de recherche \u00e0 la liste. Tr\u00e8s pratique pour retrouver et s\u00e9lectionner un \u00e9l\u00e9ments dans une longue liste.<\/p>\n

Nous allons voir ci-dessous comment mettre en place une astuce afin qu’une option de la liste reste toujours disponible. Afin qu’un r\u00e9sultat de secours soit toujours s\u00e9lectionnable quand on recherche un \u00e9l\u00e9ment inexistant.<\/p>\n

Notre exemple consiste \u00e0 s\u00e9lectionner un instrument dans la liste, avec la possibilit\u00e9 toujours visible de s\u00e9lectionner \u00ab\u00a0Autre instrument\u00a0\u00bb si celui que l’on recherche n’est pas disponible. On en profitera pour afficher des champs suppl\u00e9mentaires quand cette option est s\u00e9lectionn\u00e9 afin de pouvoir r\u00e9colter les informations concernant l’instrument r\u00e9ellement recherch\u00e9.<\/p>\n

L’exemple est disponible ici<\/a><\/p>\n

\"\"<\/p>\n

Comme d’habitude on commence par inclure jQuery, le plugin select2 et un fichier qui contiendra notre script dans le head de la page :<\/p>\n

<!-- jQuery --><\/span>
\n<script<\/span><\/a> src<\/span>=<\/span>".\/js\/jquery-3.2.1.min.js"<\/span>><\/<\/span>script<\/span><\/a>><\/span>
\n<!-- select2 --><\/span>
\n<link<\/span><\/a> href<\/span>=<\/span>"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.0.4\/css\/select2.min.css"<\/span> rel<\/span>=<\/span>"stylesheet"<\/span> \/<\/span>><\/span>
\n<script<\/span><\/a> src<\/span>=<\/span>"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/select2\/4.0.4\/js\/select2.min.js"<\/span>><\/<\/span>script<\/span><\/a>><\/span>
\n<!--custom --><\/span>
\n<script<\/span><\/a> src<\/span>=<\/span>".\/js\/main.js"<\/span>><\/<\/span>script<\/span><\/a>><\/span><\/div><\/div>\n

On met en place notre html de mani\u00e8re classique, avec une option de valeur \u00ab\u00a0autre\u00a0\u00bb dans la liste des option de notre champs \u00ab\u00a0select\u00a0\u00bb<\/p>\n

<div<\/span><\/a> class<\/span>=<\/span>"form-group"<\/span>>
\n    <label<\/span><\/a> for<\/span>=<\/span>"instrument"<\/span>>Instrument<\/<\/span>label<\/span><\/a>>
\n    <select<\/span><\/a> id<\/span>=<\/span>"instrument"<\/span> class<\/span>=<\/span>"form-control"<\/span> name<\/span>=<\/span>"instrument"<\/span>>
\n        <option<\/span><\/a> value<\/span>=<\/span>"1"<\/span>>accord\u00e9on<\/<\/span>option<\/span><\/a>>
\n        <option<\/span><\/a> value<\/span>=<\/span>"2"<\/span>>bandon\u00e9on<\/<\/span>option<\/span><\/a>>
\n        <option<\/span><\/a> value<\/span>=<\/span>"3"<\/span>>banjo<\/<\/span>option<\/span><\/a>>
\n        <option<\/span><\/a> value<\/span>=<\/span>"4"<\/span>>batterie<\/<\/span>option<\/span><\/a>>
\n        <!-- Toutes les autres options -->
\n        <!-- Notre option de valeur "autre"<\/span> -->
\n        <option<\/span><\/a> value<\/span>=<\/span>"autre"<\/span>>Autre instrument<\/<\/span>option<\/span><\/a>>
\n    <\/<\/span>select<\/span><\/a>>
\n<\/<\/span>div<\/span><\/a>>
\n<!-- les autre champs \u00e0 afficher\/<\/span>masquer selon le choix dans la liste pr\u00e9c\u00e9dente -->
\n<div<\/span><\/a> class<\/span>=<\/span>"form-group"<\/span>>
\n    <label<\/span><\/a> for<\/span>=<\/span>"otherInstrumentCategory"<\/span>>Cat\u00e9gorie de l'instrument<\/label>
\n    <select class="form-control" id="otherInstrumentCategory" name="otherInstrumentCategory" >
\n        <option value="1">Instrument \u00e0 corde<\/option>
\n        <option value="2">Percussion<\/option>
\n        <option value="4">Instrument \u00e0 vent<\/option>
\n        <option value="5">MAO<\/option>
\n        <option value="6">Autre<\/option>
\n    <\/select>
\n<\/div>
\n<div class="form-group">
\n    <label for="otherInstrument">Nom de l'<\/span>instrument<\/<\/span>label<\/span><\/a>>
\n    <input<\/span><\/a> type<\/span>=<\/span>"text"<\/span> id<\/span>=<\/span>"otherInstrument"<\/span> name<\/span>=<\/span>"otherInstrument"<\/span> class<\/span>=<\/span>"form-control"<\/span>>
\n<\/<\/span>div<\/span><\/a>><\/div><\/div>\n

Et pour finir notre javascript qui va permettre de toujours laisser en place l’option \u00ab\u00a0autre instrument\u00a0\u00bb malgr\u00e9 une recherche, ainsi que d’afficher ou masquer les champs suppl\u00e9mentaires. Rien de bien complexe, suivez les commentaires dans le code pour comprendre.<\/p>\n

$(<\/span>document)<\/span>.ready<\/span>(<\/span>function<\/span> (<\/span>)<\/span> {<\/span>
\n    \/*au changement du champs instrument on met \u00e0 jour l'affichage des champs*\/<\/span>
\n    $(<\/span>document)<\/span>.on<\/span>(<\/span>"change"<\/span>,<\/span> "#instrument"<\/span>,<\/span> function<\/span> (<\/span>)<\/span> {<\/span>
\n        updateFields(<\/span>)<\/span>;<\/span>
\n    }<\/span>)<\/span>;<\/span>
\n    \/*initialisation du champs instrument, pour l'utilisation du plugin select2 avec un filtre de recherche particulier*\/<\/span>
\n    $(<\/span>'select#instrument'<\/span>)<\/span>.select2<\/span>(<\/span>{<\/span>matcher:<\/span> select2matchCustomInstrument}<\/span>)<\/span>;<\/span>
\n    \/*initialisation de 'laffichage des champs*\/<\/span>
\n    updateFields(<\/span>)<\/span>;<\/span>
\n}<\/span>)<\/span>;<\/span>
\n
\n\/*On va utiliser le syst\u00e8me de recherche classique du plugin select2*\/<\/span>
\nvar<\/span> defaultMatcher =<\/span> $.fn<\/span>.select2<\/span>.defaults<\/span>.defaults<\/span>.matcher<\/span>;<\/span>
\nfunction<\/span> select2matchCustomInstrument(<\/span>params,<\/span> data)<\/span> {<\/span>
\n    \/* Si l'option est "Autre" on l'affiche toujours *\/<\/span>
\n    if<\/span> (<\/span>params.term<\/span> &&<\/span> data.id<\/span> ==<\/span> "autre"<\/span>)<\/span> {<\/span>
\n        return<\/span> data;<\/span>
\n    }<\/span>
\n    \/* Sinon utilisation de la recherche classique *\/<\/span>
\n    return<\/span> defaultMatcher(<\/span>params,<\/span> data)<\/span>;<\/span>
\n}<\/span>
\n
\n\/*la fonction de mise \u00e0 jour de l'affichage des champs*\/<\/span>
\nfunction<\/span> updateFields(<\/span>)<\/span> {<\/span>
\n    \/* Si la valeur du champ instrument est "autre" on affiche les champs suppl\u00e9mentaire, sinon on les masque *\/<\/span>
\n    if<\/span> (<\/span>$(<\/span>"#instrument"<\/span>)<\/span>.val<\/span>(<\/span>)<\/span> ==<\/span> "autre"<\/span>)<\/span> {<\/span>
\n        $(<\/span>"#otherInstrumentCategory"<\/span>)<\/span>.parents<\/span>(<\/span>".form-group"<\/span>)<\/span>.css<\/span>(<\/span>"display"<\/span>,<\/span> "block"<\/span>)<\/span>;<\/span>
\n        $(<\/span>"#otherInstrument"<\/span>)<\/span>.parents<\/span>(<\/span>".form-group"<\/span>)<\/span>.css<\/span>(<\/span>"display"<\/span>,<\/span> "block"<\/span>)<\/span>;<\/span>
\n    }<\/span> else<\/span> {<\/span>
\n        $(<\/span>"#otherInstrumentCategory"<\/span>)<\/span>.parents<\/span>(<\/span>".form-group"<\/span>)<\/span>.css<\/span>(<\/span>"display"<\/span>,<\/span> "none"<\/span>)<\/span>;<\/span>
\n        $(<\/span>"#otherInstrument"<\/span>)<\/span>.parents<\/span>(<\/span>".form-group"<\/span>)<\/span>.css<\/span>(<\/span>"display"<\/span>,<\/span> "none"<\/span>)<\/span>;<\/span>
\n    }<\/span>
\n}<\/span><\/div><\/div>\n

Ce plugin peux \u00eatre adapt\u00e9 de fa\u00e7on diverse, comme par exemple pour g\u00e9n\u00e9rer un font-picker<\/a> comme vu dans un article pr\u00e9c\u00e9dent.<\/p>\n","protected":false},"excerpt":{"rendered":"

Le plugin jQuery \u00ab\u00a0Select2\u00a0\u00bb permet d\u2019am\u00e9liorer les champs de type \u00ab\u00a0select\u00a0\u00bb (liste d\u00e9roulante). Une de ces principales fonctionnalit\u00e9 et d’int\u00e9grer un champs de recherche \u00e0 la liste. Tr\u00e8s pratique pour retrouver et s\u00e9lectionner un \u00e9l\u00e9ments dans une longue liste. Nous allons voir ci-dessous comment mettre en place une astuce afin qu’une option de la liste […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2,11,12],"tags":[],"class_list":["post-185","post","type-post","status-publish","format-standard","hentry","category-developpement","category-javascript","category-jquery"],"acf":[],"yoast_head":"\njQuery : rendre l'option d'un select permanente avec le plugin "select2" - Pense b\u00eate d'un d\u00e9veloppeur web<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"jQuery : rendre l'option d'un select permanente avec le plugin "select2" - Pense b\u00eate d'un d\u00e9veloppeur web\" \/>\n<meta property=\"og:description\" content=\"Le plugin jQuery \u00ab\u00a0Select2\u00a0\u00bb permet d\u2019am\u00e9liorer les champs de type \u00ab\u00a0select\u00a0\u00bb (liste d\u00e9roulante). Une de ces principales fonctionnalit\u00e9 et d’int\u00e9grer un champs de recherche \u00e0 la liste. Tr\u00e8s pratique pour retrouver et s\u00e9lectionner un \u00e9l\u00e9ments dans une longue liste. Nous allons voir ci-dessous comment mettre en place une astuce afin qu’une option de la liste […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/\" \/>\n<meta property=\"og:site_name\" content=\"Pense b\u00eate d'un d\u00e9veloppeur web\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-16T07:27:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/10\/select2-option-permanente.jpg\" \/>\n<meta name=\"author\" content=\"Numa\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Numa\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/\"},\"author\":{\"name\":\"Numa\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\"},\"headline\":\"jQuery : rendre l’option d’un select permanente avec le plugin \u00ab\u00a0select2\u00a0\u00bb\",\"datePublished\":\"2017-10-16T07:27:31+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/\"},\"wordCount\":472,\"commentCount\":2,\"image\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/10\/select2-option-permanente.jpg\",\"articleSection\":[\"D\u00e9veloppement\",\"Javascript\",\"jQuery\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/\",\"url\":\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/\",\"name\":\"jQuery : rendre l'option d'un select permanente avec le plugin \\\"select2\\\" - Pense b\u00eate d'un d\u00e9veloppeur web\",\"isPartOf\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/10\/select2-option-permanente.jpg\",\"datePublished\":\"2017-10-16T07:27:31+00:00\",\"author\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\"},\"breadcrumb\":{\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#primaryimage\",\"url\":\"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/10\/select2-option-permanente.jpg\",\"contentUrl\":\"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/10\/select2-option-permanente.jpg\",\"width\":1156,\"height\":226},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\/\/numa-bord.com\/miniblog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"jQuery : rendre l’option d’un select permanente avec le plugin \u00ab\u00a0select2\u00a0\u00bb\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#website\",\"url\":\"https:\/\/numa-bord.com\/miniblog\/\",\"name\":\"Pense b\u00eate d'un d\u00e9veloppeur web\",\"description\":\"(php, javascript, Symfony, Wordpress....)\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/numa-bord.com\/miniblog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e\",\"name\":\"Numa\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g\",\"caption\":\"Numa\"},\"url\":\"https:\/\/numa-bord.com\/miniblog\/author\/negonner\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"jQuery : rendre l'option d'un select permanente avec le plugin \"select2\" - Pense b\u00eate d'un d\u00e9veloppeur web","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/","og_locale":"fr_FR","og_type":"article","og_title":"jQuery : rendre l'option d'un select permanente avec le plugin \"select2\" - Pense b\u00eate d'un d\u00e9veloppeur web","og_description":"Le plugin jQuery \u00ab\u00a0Select2\u00a0\u00bb permet d\u2019am\u00e9liorer les champs de type \u00ab\u00a0select\u00a0\u00bb (liste d\u00e9roulante). Une de ces principales fonctionnalit\u00e9 et d’int\u00e9grer un champs de recherche \u00e0 la liste. Tr\u00e8s pratique pour retrouver et s\u00e9lectionner un \u00e9l\u00e9ments dans une longue liste. Nous allons voir ci-dessous comment mettre en place une astuce afin qu’une option de la liste […]","og_url":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/","og_site_name":"Pense b\u00eate d'un d\u00e9veloppeur web","article_published_time":"2017-10-16T07:27:31+00:00","og_image":[{"url":"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/10\/select2-option-permanente.jpg","type":"","width":"","height":""}],"author":"Numa","twitter_card":"summary_large_image","twitter_misc":{"\u00c9crit par":"Numa","Dur\u00e9e de lecture estim\u00e9e":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#article","isPartOf":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/"},"author":{"name":"Numa","@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e"},"headline":"jQuery : rendre l’option d’un select permanente avec le plugin \u00ab\u00a0select2\u00a0\u00bb","datePublished":"2017-10-16T07:27:31+00:00","mainEntityOfPage":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/"},"wordCount":472,"commentCount":2,"image":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#primaryimage"},"thumbnailUrl":"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/10\/select2-option-permanente.jpg","articleSection":["D\u00e9veloppement","Javascript","jQuery"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/","url":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/","name":"jQuery : rendre l'option d'un select permanente avec le plugin \"select2\" - Pense b\u00eate d'un d\u00e9veloppeur web","isPartOf":{"@id":"https:\/\/numa-bord.com\/miniblog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#primaryimage"},"image":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#primaryimage"},"thumbnailUrl":"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/10\/select2-option-permanente.jpg","datePublished":"2017-10-16T07:27:31+00:00","author":{"@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e"},"breadcrumb":{"@id":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#primaryimage","url":"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/10\/select2-option-permanente.jpg","contentUrl":"https:\/\/numa-bord.com\/miniblog\/wp-content\/uploads\/2017\/10\/select2-option-permanente.jpg","width":1156,"height":226},{"@type":"BreadcrumbList","@id":"https:\/\/numa-bord.com\/miniblog\/jquery-rendre-loption-dun-select-permanente-plugin-select2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/numa-bord.com\/miniblog\/"},{"@type":"ListItem","position":2,"name":"jQuery : rendre l’option d’un select permanente avec le plugin \u00ab\u00a0select2\u00a0\u00bb"}]},{"@type":"WebSite","@id":"https:\/\/numa-bord.com\/miniblog\/#website","url":"https:\/\/numa-bord.com\/miniblog\/","name":"Pense b\u00eate d'un d\u00e9veloppeur web","description":"(php, javascript, Symfony, Wordpress....)","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/numa-bord.com\/miniblog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Person","@id":"https:\/\/numa-bord.com\/miniblog\/#\/schema\/person\/f9d00acd1703f17e5a6895283eb46a7e","name":"Numa","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f21d1af4658a7106211915940584534c1e0b3eef3f12eb67a697686cad70b64a?s=96&d=mm&r=g","caption":"Numa"},"url":"https:\/\/numa-bord.com\/miniblog\/author\/negonner\/"}]}},"_links":{"self":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/comments?post=185"}],"version-history":[{"count":4,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/185\/revisions"}],"predecessor-version":[{"id":190,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/posts\/185\/revisions\/190"}],"wp:attachment":[{"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/media?parent=185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/categories?post=185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/numa-bord.com\/miniblog\/wp-json\/wp\/v2\/tags?post=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}