dojo中具有丰富选项的列表框

dojo中具有丰富选项的列表框,dojo,listbox,Dojo,Listbox,我想知道是否有办法在dojo中获得一个列表框,其中的选项由一个图像加上一段文本组成。该列表的结果应如下所示: 列表框: -图像/icon1+text1 -图像/icon2+text2 ... -图像/iconN+textN 我可以使用下拉列表来完成,但这不是我需要的。我一定是listbox 提前感谢。您可以使用dojo CheckedMultiSelect <select name="someName" id="someId" multiple="true" data-dojotype="

我想知道是否有办法在dojo中获得一个列表框,其中的选项由一个图像加上一段文本组成。该列表的结果应如下所示:

列表框: -图像/icon1+text1 -图像/icon2+text2 ... -图像/iconN+textN

我可以使用下拉列表来完成,但这不是我需要的。我一定是listbox


提前感谢。

您可以使用dojo CheckedMultiSelect

<select name="someName" id="someId" multiple="true" data-dojotype="dojox.form.CheckedMultiSelect">
   <option id="someOptionId"><img src="images/aim-icon.gif" border=0>Blah Blah</option>
</select> 

最后,我要这样做:

<html>
<head></head>
<body>
    <select id="list" size="3" style="width:100px;"></select>
    <input id="clear" type="button" value="Clear">
    <input id="populate" type="button" value="Populate">
    <script type="text/javascript" src="dojo.js"></script>
    <script>
        dojo.addOnLoad( function(){
            dojo.connect( dojo.byId("clear"), "onclick", this, clear );
            dojo.connect( dojo.byId("populate"), "onclick", this, populate);
        });
        dojo.addOnLoad( populate );

        function populate(){
            for(var i = 0; i < 10; i++ ){
                var html = i%2 ? '<img src="image1.png"> Item ' + i :
                                 '<img src="image2.png"> Item ' + i;
                dojo.create("option", {innerHTML: html, value: i }, 'list' );
            }
            dojo.byId('populate').disabled = true;
            dojo.byId('clear').disabled = false;
        }

        function clear(){
            var list = dojo.byId("list");
            var ops = list.options;
            while( ops.length ){
                ops.remove(0);              
            }
            dojo.byId('populate').disabled = false;
            dojo.byId('clear').disabled = true;
        }
    </script>
</body>
</html>
我希望有帮助