Проблема с выводом картинок

Рейтинг: 0Ответов: 1Опубликовано: 26.02.2015

Здравствуйте.

Есть код на яве, который выводит выпадающий список из базы без перезагрузки страницы:

 $(document).ready(function () {
//$('#tipologia').change(function () {var tipologia = $(this).val();}
$('#filter_id').change(function () {
    /*
     * В переменную filter_id положим значение селекта
     */
    var filter_id = $(this).val();
    /*
     * Если значение селекта равно 0, то мы
     * не будем ничего делать
     */ 
    if (filter_id == '0') {
        $('#tipologia').html('<option value="0">- seleziona tipologia -</option>');
        $('#tipologia').attr('disabled', true);

        $('#profilo').html('<option value="0">- seleziona profilo -</option>');
        $('#profilo').attr('disabled', true);

    $('#tipologia').attr('disabled', true);
    $('#tipologia').html('<option>loading...</option>');
    $('#profilo').attr('disabled', true);
    $('#profilo').html('<option>loading...</option>');

    var url = 'filter.php';
    $.get(
        url,
        "filter_id=" + filter_id,
        function (all) {

            //console.log('MY RESPONSE!!!', all)

            if (all.resTipologia.type == 'error') {
                /*
                 * ошибка в запросе
                 */
                alert('error');
                return(false);
            }
            else {
                //============= выводим вид открытия =================//
                var optipologi = '';
                $(all.resTipologia.tipologi).each(function() {
                    optipologi += '<option value="' + $(this).attr('id') + '" data-icon="/ad/fm/files/Finestre/Tipologia/' + $(this).attr('nome_corto') + '.jpg" data-html-text="' + $(this).attr('nome_corto') + '">' + $(this).attr('nome_corto') + '</option>';
                });

                $('#tipologia').html('<option value="0">- seleziona tipologia -</option>'+optipologi);
                $('#tipologia').attr('disabled', false);
                //============= /выводим вид открытия =================//

                //============= выводим список профилей =================//
                var opprofili = '';
                $(all.resProfili.profili).each(function() {
                    opprofili += '<option value="' + $(this).attr('id') + '">' + $(this).attr('nome_corto') + '</option>';
                });

                $('#profilo').html('<option value="0">- seleziona profilo -</option>'+opprofili);
                $('#profilo').attr('disabled', false);
                //============= /выводим список профилей =================//
            }
        },
        "json"
    );
});
});

Как дополнить или исправить этот код таким образом, чтобы в выпадающем списке были изображения??? Спасибо.

Ответы

▲ 1

У вас с закрывающими скобками проблема - это первое.

Было:

            "json"
    );
});
});

Надо:

        "json"
    );
}
});
});

Второе - с чего вы решили, что стандартный select может отображать картинки? Тем более таким способом?

Попробуйте так:

<option value="2" style="background-image:url('/images/icon2.png'); background-repeat: no-repeat; padding-left:25px;">Value2</option>

Если нужно больше вариантов - см. здесь - https://stackoverflow.com/questions/2965971/how-to-add-a-images-in-select-list