Star

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>