{"id":1434,"date":"2016-04-30T06:45:03","date_gmt":"2016-04-30T06:45:03","guid":{"rendered":"http:\/\/www.jquery-az.com\/?p=1434"},"modified":"2023-10-10T10:39:45","modified_gmt":"2023-10-10T10:39:45","slug":"a-jquery-multi-select-list-view-plug-in-with-six-options","status":"publish","type":"post","link":"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/","title":{"rendered":"A jQuery Multi-select List view Plug-in: with Six Options"},"content":{"rendered":"

The multi-select list view plug-in<\/strong><\/h3>\n

In professional websites, you generally need to select multiple options from one list to the other that are used for specific types of data.<\/p>\n

For example, select your skills from the available list of HTML, JavaScript, jQuery, Bootstrap, CSS, etc. \u00a0This list is generally presented on the left side.<\/p>\n

You keep on selecting by single or double-clicking and the selected items will move to the right list, showing which items are selected.<\/p>\n

By using a jQuery plug-in, you may create this list-view with multiple selection options quite easily. Still not clear? Have a look at the demos in the following section.<\/p>\n

A demo of multi-select list-view <\/strong><\/h3>\n

In this demo, a list-view with multiple selection options is created. See a demo online with the description and how to set up this plug-in below:<\/p>\n

\"jQuery<\/p>\n

See online demo and code<\/strong><\/a><\/h6>\n

You can see, the multi select list view has a few options as well, like redoing and undoing the actions. Select an item from the left options box and click on the arrow to add it to the right list. Similarly, you may double-click an item to move towards the left or right.<\/p>\n

For creating this in your web pages, first Bootstrap framework\u2019s CSS file is included in the <head> section:<\/p>\n

In the markup section, simply create an HTML dropdown with <select> tag:<\/p>\n

<div class=\"col-xs-5\">\r\n\r\n<select name=\"from\" id=\"lstview\" class=\"form-control\" size=\"13\" multiple=\"multiple\">\r\n\r\n<option value=\"HTML\">HTML<\/option>\r\n\r\n<option value=\"2\">CSS<\/option>\r\n\r\n<option value=\"CSS\">CSS3<\/option>\r\n\r\n<option value=\"jQuery\">jQuery<\/option>\r\n\r\n<option value=\"JavaScript\">JavaScript<\/option>\r\n\r\n<option value=\"Bootstrap\">Bootstrap<\/option>\r\n\r\n<option value=\"MySQL\">MySQL<\/option>\r\n\r\n<option value=\"PHP\">PHP<\/option>\r\n\r\n<option value=\"JSP\">JSP<\/option>\r\n\r\n<option value=\"Rubi on Rails\">Rubi on Rails<\/option>\r\n\r\n<option value=\"SQL\">SQL<\/option>\r\n\r\n<option value=\"Java\">Java<\/option>\r\n\r\n<option value=\"Python\">Python<\/option>\r\n\r\n<\/select>\r\n\r\n<\/div><\/pre>\n
Similarly, for right list view:<\/p>\n
<select name=”to” id=”lstview_to” class=”form-control” size=”13″ multiple=”multiple”><\/select><\/p><\/blockquote>\n
The button code is added in between these two <select> tags.<\/p>\n
(See the complete code in the demo page)<\/p>\n
Just above the <\/body> tag, place the jQuery library and plug-in\u2019s JS file (multiselect.js). You may download it from the Github website here<\/a> or view source the demo page. Locate multiselect.js<\/em> and save it to your system.<\/p>\n
As such, for the demo Bootstrap framework is used, its JS file is also included.<\/p>\n
Finally, initiate the plugin in the <script> section:<\/p>\n
<script type=\"text\/javascript\">\r\n\r\n$(document).ready(function() {\r\n\r\n\r\n\r\n$('#lstview').multiselect();\r\n\r\n});\r\n\r\n\r\n\r\n<\/script><\/pre>\n
The multi-select list view is ready with six options.<\/p>\n
A demo with a search option<\/strong><\/h3>\n
By using the \u201csearch\u201d option of plug-in in the <script> part and adjusting some code in the markup, you may create multi-select list view controls with search boxes at both side.<\/p>\n
In that case, the search terms will be shortlisted in the multi-select dropdowns. For example, if you type \u201cCS\u201d in the above example, the left box will shortlist the options to CSS and CSS3. See a demo online by using different terms:<\/p>\n
\"jQuery<\/p>\n
See online demo and code<\/strong><\/h6>\n
Only these changes are made than the first example to enable the search option.<\/p>\n
In the markup, the <select> tag\u2019s names are used as follows:<\/p>\n
<select name=”from[]” id=”lstview” class=”form-control” size=”8″ multiple=”multiple”><\/p><\/blockquote>\n
That is\u00a0the names with square brackets.<\/p>\n
Complete code with markup and JavaScript:<\/strong><\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<link rel=\"stylesheet\" href=\"https:\/\/netdna.bootstrapcdn.com\/bootstrap\/3.3.4\/css\/bootstrap.min.css\">\r\n\r\n\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"container\">\r\n<h1>A demo of using jQuery multiselect list view<\/h1>\r\n<div class=\"row\">\r\n\t\t\t\t<div class=\"col-xs-5\">\r\n                <select name=\"from[]\" id=\"lstview\" class=\"form-control\" size=\"8\" multiple=\"multiple\">\r\n\t\t\t\t\t\t<option value=\"HTML\">HTML<\/option>\r\n\t\t\t\t\t\t<option value=\"2\">CSS<\/option>\r\n\t\t\t\t\t\t<option value=\"CSS\">CSS3<\/option>\r\n\t\t\t\t\t\t<option value=\"jQuery\">jQuery<\/option>\r\n\t\t\t\t\t\t<option value=\"JavaScript\">JavaScript<\/option>\r\n\t\t\t\t\t\t<option value=\"Bootstrap\">Bootstrap<\/option>\r\n\t\t\t\t\t\t<option value=\"MySQL\">MySQL<\/option>\r\n\t\t\t\t\t\t<option value=\"PHP\">PHP<\/option>\r\n\t\t\t\t\t\t<option value=\"JSP\">JSP<\/option>\r\n\t\t\t\t\t\t<option value=\"Rubi on Rails\">Rubi on Rails<\/option>\r\n\t\t\t\t\t\t<option value=\"SQL\">SQL<\/option>\r\n                        <option value=\"Java\">Java<\/option>\r\n                        <option value=\"Python\">Python<\/option>\r\n\t\t\t\t\t<\/select>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"col-xs-2\">\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_undo\" class=\"btn btn-danger btn-block\">undo<\/button>\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_rightAll\" class=\"btn btn-default btn-block\"><i class=\"glyphicon glyphicon-forward\"><\/i><\/button>\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_rightSelected\" class=\"btn btn-default btn-block\"><i class=\"glyphicon glyphicon-chevron-right\"><\/i><\/button>\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_leftSelected\" class=\"btn btn-default btn-block\"><i class=\"glyphicon glyphicon-chevron-left\"><\/i><\/button>\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_leftAll\" class=\"btn btn-default btn-block\"><i class=\"glyphicon glyphicon-backward\"><\/i><\/button>\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_redo\" class=\"btn btn-warning btn-block\">redo<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"col-xs-5\">\r\n                    <select name=\"to[]\" id=\"lstview_to\" class=\"form-control\" size=\"8\" multiple=\"multiple\"><\/select>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-1.11.2.min.js\"><\/script>\r\n<script src=\"https:\/\/netdna.bootstrapcdn.com\/bootstrap\/3.3.4\/js\/bootstrap.min.js\"><\/script>\r\n<script src=\"js\/multi-select\/multiselect.js\"><\/script>\r\n\r\n    \r\n\r\n<script type=\"text\/javascript\">\r\njQuery(document).ready(function($) {\r\n    $('#lstview').multiselect({\r\n        search: {\r\n            left: '<input type=\"text\" name=\"q\" class=\"form-control\" placeholder=\"Search...\" \/>',\r\n            right: '<input type=\"text\" name=\"q\" class=\"form-control\" placeholder=\"Search...\" \/>',\r\n        }\r\n    });\r\n});\r\n<\/script>\r\n    \r\n<\/body>\r\n<\/html>\r\n\r\n<\/pre>\n
That\u2019s it!<\/p>\n
A demo with option groups<\/strong><\/h3>\n
You may also show options in groups. For example, categorizing HTML, CSS, JavaScript into the\u00a0web\u00a0category while Java, Python into High level languages etc. Similarly, giving options of cars for different brands in categorized way.<\/p>\n
See the demo to check how it works:<\/p>\n
\"jQuery<\/p>\n
See online demo and code<\/strong><\/a><\/h6>\n
See the complete code in the demo page.<\/p>\n
Adding some colors demo<\/strong><\/h3>\n
As such, the demos are using Bootstrap, you may use different buttons of Bootstraps<\/a> and also use a custom class for the list view to give it some colors, etc.<\/p>\n
\"jQuery<\/p>\n
This is how the buttons are used with different Bootstrap classes:<\/p>\n
The first button is given the btn-danger, second and fifth btn-primary, third and fourth btn-success while the last button is assigned the btn-warning<\/em> Bootstrap class. Both select tags are given a custom CSS class which is placed in the <style> tag under <head> section.<\/p>\n
The code:<\/strong><\/p>\n
<!DOCTYPE html>\r\n<html>\r\n<head>\r\n<link rel=\"stylesheet\" href=\"https:\/\/netdna.bootstrapcdn.com\/bootstrap\/3.3.4\/css\/bootstrap.min.css\">\r\n\r\n<style>\r\n.formcls { \r\n    padding: 9px; \r\n    border: solid 1px #F0AD4E; \r\n    outline: 0; \r\n    background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #F7D19F), to(#FFFFFF)); \r\n    background: -moz-linear-gradient(top, #FFFFFF, #F7D19F 1px, #FFFFFF 25px); \r\n    box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; \r\n    -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; \r\n    -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; \r\n\r\n    }  \r\n<\/style>\r\n\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"container\">\r\n<h1>A demo of using jQuery multiselect.js<\/h1>\r\n<div class=\"row\">\r\n\t\t\t\t<div class=\"col-xs-5\">\r\n\t\t\t\t\t<select name=\"from\" id=\"lstview\" class=\"form-control formcls\" size=\"13\" multiple=\"multiple\">\r\n\t\t\t\t\t\t<option value=\"HTML\">HTML<\/option>\r\n\t\t\t\t\t\t<option value=\"2\">CSS<\/option>\r\n\t\t\t\t\t\t<option value=\"CSS\">CSS3<\/option>\r\n\t\t\t\t\t\t<option value=\"jQuery\">jQuery<\/option>\r\n\t\t\t\t\t\t<option value=\"JavaScript\">JavaScript<\/option>\r\n\t\t\t\t\t\t<option value=\"Bootstrap\">Bootstrap<\/option>\r\n\t\t\t\t\t\t<option value=\"MySQL\">MySQL<\/option>\r\n\t\t\t\t\t\t<option value=\"PHP\">PHP<\/option>\r\n\t\t\t\t\t\t<option value=\"JSP\">JSP<\/option>\r\n\t\t\t\t\t\t<option value=\"Rubi on Rails\">Rubi on Rails<\/option>\r\n\t\t\t\t\t\t<option value=\"SQL\">SQL<\/option>\r\n                        <option value=\"Java\">Java<\/option>\r\n                        <option value=\"Python\">Python<\/option>\r\n\t\t\t\t\t<\/select>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"col-xs-2\">\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_undo\" class=\"btn btn-danger btn-block\">undo<\/button>\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_rightAll\" class=\"btn btn-primary btn-block\"><i class=\"glyphicon glyphicon-forward\"><\/i><\/button>\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_rightSelected\" class=\"btn btn-success btn-block\"><i class=\"glyphicon glyphicon-chevron-right\"><\/i><\/button>\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_leftSelected\" class=\"btn btn-success btn-block\"><i class=\"glyphicon glyphicon-chevron-left\"><\/i><\/button>\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_leftAll\" class=\"btn btn-primary btn-block\"><i class=\"glyphicon glyphicon-backward\"><\/i><\/button>\r\n\t\t\t\t\t<button type=\"button\" id=\"lstview_redo\" class=\"btn btn-warning btn-block\">redo<\/button>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t\r\n\t\t\t\t<div class=\"col-xs-5\">\r\n\t\t\t\t\t<select name=\"to\" id=\"lstview_to\" class=\"form-control formcls\" size=\"13\" multiple=\"multiple\"><\/select>\r\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n<\/div>\r\n\r\n<script src=\"https:\/\/code.jquery.com\/jquery-1.11.2.min.js\"><\/script>\r\n<script src=\"https:\/\/netdna.bootstrapcdn.com\/bootstrap\/3.3.4\/js\/bootstrap.min.js\"><\/script>\r\n<script src=\"js\/multi-select\/multiselect.js\"><\/script>\r\n<script type=\"text\/javascript\">\r\n\t$(document).ready(function() {\r\n\r\n\t\t$('#lstview').multiselect();\r\n\t});\r\n\t\r\n\t<\/script>\r\n<\/body>\r\n<\/html>\r\n\r\n<\/pre>\n
 <\/p>\n","protected":false},"excerpt":{"rendered":"
The multi-select list view plug-in In professional websites, you generally need to select multiple options from one list to the other that are used for specific types of data. For example, select your skills from the available list of HTML, JavaScript, jQuery, Bootstrap, CSS, etc. \u00a0This list is generally presented on the left side. You … Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":1438,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[48,30],"yoast_head":"\nA jQuery Multi-select List view Plug-in: with Six Options<\/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:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A jQuery Multi-select List view Plug-in: with Six Options\" \/>\n<meta property=\"og:description\" content=\"The multi-select list view plug-in In professional websites, you generally need to select multiple options from one list to the other that are used for specific types of data. For example, select your skills from the available list of HTML, JavaScript, jQuery, Bootstrap, CSS, etc. \u00a0This list is generally presented on the left side. You ... Read more\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/\" \/>\n<meta property=\"article:published_time\" content=\"2016-04-30T06:45:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-10T10:39:45+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.jquery-az.com\/wp-content\/uploads\/2016\/04\/45.0_4-jQuery-multi-select-style.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"752\" \/>\n\t<meta property=\"og:image:height\" content=\"264\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"jqueryaz\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"jqueryaz\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/\",\"url\":\"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/\",\"name\":\"A jQuery Multi-select List view Plug-in: with Six Options\",\"isPartOf\":{\"@id\":\"https:\/\/www.jquery-az.com\/#website\"},\"datePublished\":\"2016-04-30T06:45:03+00:00\",\"dateModified\":\"2023-10-10T10:39:45+00:00\",\"author\":{\"@id\":\"https:\/\/www.jquery-az.com\/#\/schema\/person\/c3f75f86b1c65bf0b93fc46f629fcad3\"},\"breadcrumb\":{\"@id\":\"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.jquery-az.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A jQuery Multi-select List view Plug-in: with Six Options\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.jquery-az.com\/#website\",\"url\":\"https:\/\/www.jquery-az.com\/\",\"name\":\"\",\"description\":\"PHP, Bootstrap, jQuery, CSS, Python, Java and others\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.jquery-az.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.jquery-az.com\/#\/schema\/person\/c3f75f86b1c65bf0b93fc46f629fcad3\",\"name\":\"jqueryaz\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.jquery-az.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/e2a3743b4da71bd52984e02bd5c3280c?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/e2a3743b4da71bd52984e02bd5c3280c?s=96&d=mm&r=g\",\"caption\":\"jqueryaz\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A jQuery Multi-select List view Plug-in: with Six Options","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:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/","og_locale":"en_US","og_type":"article","og_title":"A jQuery Multi-select List view Plug-in: with Six Options","og_description":"The multi-select list view plug-in In professional websites, you generally need to select multiple options from one list to the other that are used for specific types of data. For example, select your skills from the available list of HTML, JavaScript, jQuery, Bootstrap, CSS, etc. \u00a0This list is generally presented on the left side. You ... Read more","og_url":"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/","article_published_time":"2016-04-30T06:45:03+00:00","article_modified_time":"2023-10-10T10:39:45+00:00","og_image":[{"width":752,"height":264,"url":"https:\/\/www.jquery-az.com\/wp-content\/uploads\/2016\/04\/45.0_4-jQuery-multi-select-style.jpg","type":"image\/jpeg"}],"author":"jqueryaz","twitter_misc":{"Written by":"jqueryaz","Est. reading time":"9 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/","url":"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/","name":"A jQuery Multi-select List view Plug-in: with Six Options","isPartOf":{"@id":"https:\/\/www.jquery-az.com\/#website"},"datePublished":"2016-04-30T06:45:03+00:00","dateModified":"2023-10-10T10:39:45+00:00","author":{"@id":"https:\/\/www.jquery-az.com\/#\/schema\/person\/c3f75f86b1c65bf0b93fc46f629fcad3"},"breadcrumb":{"@id":"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.jquery-az.com\/a-jquery-multi-select-list-view-plug-in-with-six-options\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.jquery-az.com\/"},{"@type":"ListItem","position":2,"name":"A jQuery Multi-select List view Plug-in: with Six Options"}]},{"@type":"WebSite","@id":"https:\/\/www.jquery-az.com\/#website","url":"https:\/\/www.jquery-az.com\/","name":"","description":"PHP, Bootstrap, jQuery, CSS, Python, Java and others","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.jquery-az.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.jquery-az.com\/#\/schema\/person\/c3f75f86b1c65bf0b93fc46f629fcad3","name":"jqueryaz","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.jquery-az.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/e2a3743b4da71bd52984e02bd5c3280c?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e2a3743b4da71bd52984e02bd5c3280c?s=96&d=mm&r=g","caption":"jqueryaz"}}]}},"_links":{"self":[{"href":"https:\/\/www.jquery-az.com\/wp-json\/wp\/v2\/posts\/1434"}],"collection":[{"href":"https:\/\/www.jquery-az.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.jquery-az.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.jquery-az.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jquery-az.com\/wp-json\/wp\/v2\/comments?post=1434"}],"version-history":[{"count":6,"href":"https:\/\/www.jquery-az.com\/wp-json\/wp\/v2\/posts\/1434\/revisions"}],"predecessor-version":[{"id":10665,"href":"https:\/\/www.jquery-az.com\/wp-json\/wp\/v2\/posts\/1434\/revisions\/10665"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.jquery-az.com\/wp-json\/wp\/v2\/media\/1438"}],"wp:attachment":[{"href":"https:\/\/www.jquery-az.com\/wp-json\/wp\/v2\/media?parent=1434"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.jquery-az.com\/wp-json\/wp\/v2\/categories?post=1434"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.jquery-az.com\/wp-json\/wp\/v2\/tags?post=1434"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}