{"id":1089,"date":"2018-08-01T08:44:34","date_gmt":"2018-08-01T07:44:34","guid":{"rendered":"http:\/\/rathervague.co.uk\/writings\/?p=1089"},"modified":"2018-08-03T14:25:39","modified_gmt":"2018-08-03T13:25:39","slug":"select-menu-with-images","status":"publish","type":"post","link":"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/","title":{"rendered":"Select menu with Images"},"content":{"rendered":"<p>Don&#8217;t bother as it makes select boxes less accessible, but if you do need to.<br \/>\n<!--more--><\/p>\n<p>With JQueryUI<\/p>\n<p><a href=\"http:\/\/jqueryui.com\/selectmenu\" rel=\"noopener\" target=\"_blank\">http:\/\/jqueryui.com\/selectmenu<\/a><\/p>\n<p>Image Combo Box<\/p>\n<p><a href=\"https:\/\/github.com\/marghoobsuleman\/ms-Dropdown\" rel=\"noopener\" target=\"_blank\">Github<\/a> &#8211; <a href=\"http:\/\/www.marghoobsuleman.com\/jquery-image-dropdown\" rel=\"noopener\" target=\"_blank\">Website<\/a> &#8211; <a href=\"http:\/\/www.marghoobsuleman.com\/mywork\/jcomponents\/image-dropdown\/samples\/index.html\" rel=\"noopener\" target=\"_blank\">Demo<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Don&#8217;t bother as it makes select boxes less accessible, but if you do need to.<\/p>\n","protected":false},"author":1,"featured_media":486,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[4],"class_list":["post-1089","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdev","tag-javascript"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Select menu with Images -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Select menu with Images -\" \/>\n<meta property=\"og:description\" content=\"Don&#8217;t bother as it makes select boxes less accessible, but if you do need to.\" \/>\n<meta property=\"og:url\" content=\"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/\" \/>\n<meta property=\"article:published_time\" content=\"2018-08-01T07:44:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-08-03T13:25:39+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/04\/idle2.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1000\" \/>\n\t<meta property=\"og:image:height\" content=\"300\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Del Sozou\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Del Sozou\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/\",\"url\":\"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/\",\"name\":\"Select menu with Images -\",\"isPartOf\":{\"@id\":\"https:\/\/rathervague.co.uk\/writings\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/#primaryimage\"},\"image\":{\"@id\":\"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/04\/idle2.png\",\"datePublished\":\"2018-08-01T07:44:34+00:00\",\"dateModified\":\"2018-08-03T13:25:39+00:00\",\"author\":{\"@id\":\"https:\/\/rathervague.co.uk\/writings\/#\/schema\/person\/fe809b475960f6033b624e283866d122\"},\"breadcrumb\":{\"@id\":\"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/#primaryimage\",\"url\":\"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/04\/idle2.png\",\"contentUrl\":\"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/04\/idle2.png\",\"width\":1000,\"height\":300},{\"@type\":\"BreadcrumbList\",\"@id\":\"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rathervague.co.uk\/writings\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Select menu with Images\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rathervague.co.uk\/writings\/#website\",\"url\":\"https:\/\/rathervague.co.uk\/writings\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rathervague.co.uk\/writings\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/rathervague.co.uk\/writings\/#\/schema\/person\/fe809b475960f6033b624e283866d122\",\"name\":\"Del Sozou\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Select menu with Images -","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":"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/","og_locale":"en_GB","og_type":"article","og_title":"Select menu with Images -","og_description":"Don&#8217;t bother as it makes select boxes less accessible, but if you do need to.","og_url":"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/","article_published_time":"2018-08-01T07:44:34+00:00","article_modified_time":"2018-08-03T13:25:39+00:00","og_image":[{"width":1000,"height":300,"url":"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/04\/idle2.png","type":"image\/png"}],"author":"Del Sozou","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Del Sozou"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/","url":"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/","name":"Select menu with Images -","isPartOf":{"@id":"https:\/\/rathervague.co.uk\/writings\/#website"},"primaryImageOfPage":{"@id":"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/#primaryimage"},"image":{"@id":"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/#primaryimage"},"thumbnailUrl":"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/04\/idle2.png","datePublished":"2018-08-01T07:44:34+00:00","dateModified":"2018-08-03T13:25:39+00:00","author":{"@id":"https:\/\/rathervague.co.uk\/writings\/#\/schema\/person\/fe809b475960f6033b624e283866d122"},"breadcrumb":{"@id":"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/#primaryimage","url":"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/04\/idle2.png","contentUrl":"http:\/\/rathervague.co.uk\/writings\/wp-content\/uploads\/2018\/04\/idle2.png","width":1000,"height":300},{"@type":"BreadcrumbList","@id":"http:\/\/rathervague.co.uk\/writings\/tech\/webdev\/select-menu-with-images\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rathervague.co.uk\/writings\/"},{"@type":"ListItem","position":2,"name":"Select menu with Images"}]},{"@type":"WebSite","@id":"https:\/\/rathervague.co.uk\/writings\/#website","url":"https:\/\/rathervague.co.uk\/writings\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rathervague.co.uk\/writings\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/rathervague.co.uk\/writings\/#\/schema\/person\/fe809b475960f6033b624e283866d122","name":"Del Sozou"}]}},"_links":{"self":[{"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/posts\/1089","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/comments?post=1089"}],"version-history":[{"count":3,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/posts\/1089\/revisions"}],"predecessor-version":[{"id":1094,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/posts\/1089\/revisions\/1094"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/media\/486"}],"wp:attachment":[{"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/media?parent=1089"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/categories?post=1089"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/rathervague.co.uk\/writings\/wp-json\/wp\/v2\/tags?post=1089"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}