JavaScript dropdown with images
Adding images to the JavaScript dropdown
<html> <script src="https://jsuites.net/v4/jsuites.js"></script> <link rel="stylesheet" href="https://jsuites.net/v4/jsuites.css" type="text/css" /> <div id="dropdown"></div> <script> jSuites.dropdown(document.getElementById('dropdown'), { data:[ { value: '1', text: 'Paul', image: 'https://www.biography.com/.image/ar_1:1%2Cc_fill%2Ccs_srgb%2Cg_face%2Cq_auto:good%2Cw_300/MTE5NTU2MzE2Mjk4OTcwNjM1/paul-mccartney-9390850-1-402.jpg', title:'Bass' }, { value: '2', text:'Ringo', image: 'https://www.biography.com/.image/ar_1:1%2Cc_fill%2Ccs_srgb%2Cg_face%2Cq_auto:good%2Cw_300/MTE5NTU2MzE2MDcwNjQzMjEx/ringo-starr-306872-1-402.jpg', title: 'Drums' } ], width:'280px', autocomplete: true, }); </script> </html>