Javascript 有没有办法将图像与选择列表一起使用?

Javascript 有没有办法将图像与选择列表一起使用?,javascript,jquery,css,Javascript,Jquery,Css,我用了一个月的时间,试图在我的选择列表中添加图像,但我做不到。难道没有任何方法可以将图像与自动完成或选择一起使用吗 我说的是: 艾达 JAVA JavaScript 笨蛋 LOLCODE Node.js RubyonRails 也支持具有不同标签和值的建议。标签将显示在自动完成器中,值将插入到输入中 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script

我用了一个月的时间,试图在我的选择列表中添加图像,但我做不到。难道没有任何方法可以将图像与自动完成或选择一起使用吗

我说的是:


艾达
JAVA
JavaScript
笨蛋
LOLCODE
Node.js
RubyonRails

也支持具有不同标签和值的建议。标签将显示在自动完成器中,值将插入到输入中

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/awesomplete/1.1.1/awesomplete.min.css" rel="stylesheet"/>

<input id="myinput" />


<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/awesomplete/1.1.1/awesomplete.min.js"></script>
<script>
    var input = document.getElementById("myinput");

    // Show label but insert value into the input:
    new Awesomplete(input, {
        list: [
            { label: "<img src='https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRUxdD-Q4nIx3uIg9jBCe1oT5a9MHuWY5_pW4FoZSU-nQd1Y_WJPQ'/> Faceboock", value: "https://www.facebook.com/" },
            { label: "<img src='https://hydra-media.cursecdn.com/dota2.gamepedia.com/thumb/2/25/Pounce_icon.png/16px-Pounce_icon.png?version=77c984fc4a9c8ca491ead081322fa738'/> Youtube", value: "https://www.youtube.com/" },
            { label: "China", value: "CN" },
            { label: "United States", value: "US" }
        ]
    });

    // You can search for a better version
    $(document).find('.awesomplete').on('click',function(e)
    {
        if($('#myinput').val())
            window.location = $('#myinput').val();
        //console.log($('#myinput').val());
    });
</script>

var input=document.getElementById(“myinput”);
//显示标签,但在输入中插入值:
新的Awesomplete(输入{
名单:[
{标签:“Faceboock”,值:https://www.facebook.com/" },
{标签:“Youtube”,值:https://www.youtube.com/" },
{标签:“中国”,价值:“CN”},
{标签:“美国”,价值:“美国”}
]
});
//您可以搜索更好的版本
$(文档).find('.awesomplete')。on('click',函数(e)
{
if($('#myinput').val())
window.location=$('#myinput').val();
//log($('#myinput').val());
});

datalist也不是跨浏览器的:非常感谢,重定向怎么样?我的意思是我们能改变我们的选择吗?例如,当我点击facebook而不是go facebook时,我今天无法添加任何问题,但非常感谢much@recruit_man在更改事件中使用输入,在重定向到链接后以值形式保存链接。但是我应该从哪里获取链接?在js或中添加我的链接的位置?