Выпадающий список Jquery применяет пространство к левому

Question

Выпадающий список Jquery применяет пространство к левому

Хороший день

I have a dynamically populated drop down list with list options . Problem is that when I choose and option from the list, it applies a spacing ( ) to the left of the text as it would appear in the tree stucture

Теперь список разрабатывают в дереве stucture и называют от другого loation на сервере. Я не могу изменить интервал в этом. (так как t формирует эффект древовидной структуры),

Посмотрите на мой код ниже:

HTML

JQuery

               $.ajax({
                    url: "API/DataHandler.ashx?method=getareatree",
                    contentType: "application/json; charset=utf-8",
                    success: function (result) {
                        for (var i in result) {
                            var obj = result[i];

                            $("#AreaTreeSelect").append("");

                        }
                    }
                });

Это - то, как это населяет в браузере:

и т.д...

Как я удаляю пространство, когда выбор отобран показанный в избранной коробке?

0

добавлено 07 Февраль 2013 в 02:29 автор DextrousDave

Просмотры: 2

источник

$ .trim (obj. Имя)... я думаю, что оно решает вашу проблему...

добавлено 07 Февраль 2013 в 02:34, автор Pandian, источник

2 ответы

Видеокурс "Создание приложений для Android"

Получи множество видеоуроков по Android сейчас

Возможно, это могло стоить попробовать:

$('#AreaTreeSelect').change(function(){
    $(this).find('option.trimmed').each(function(){
        var padding = '';
        for(var i=0; i<$(this).data('numSpaces'); i++){
            padding += String.fromCharCode(160);
        }
        $(this).text(padding + $(this).text());
    })
    .removeClass('trimmed');
    var selOpt = $(this).find('option:selected');
    var numSpaces = selOpt.text().replace(/^(\s*).*/, '$1').length;
    selOpt
        .data('numSpaces', numSpaces)
        .text(selOpt.text().replace(/^\s*/g, ''))
        .addClass('trimmed');
});

The idea is that it removes all from the currently selected option, but remembers how much padding there was and restores the padding when another option is selected.

Obviously, you could store the actual sequence of instead of the number of them, and get rid of a few lines of code.

See working fiddle here: http://jsfiddle.net/aKGac/1/

Очевидная оборотная сторона с этим решением - то, что в настоящее время отбираемый выбор появится в списке без любого углубления, когда это будет расширено:

No indentation on selected option

1

добавлено 07 Февраль 2013 в 02:39 автор Peter Herdenborg

источник

Спасибо fpr ваш ответ. Однако не работает и дает проблемы отладки

добавлено 07 Февраль 2013 в 03:37, автор DextrousDave, источник

Прохладный, большое спасибо. Каков точно недостаток? Я буду управлять им в Visual Studio, надо надеяться это doesn' t презрение...

добавлено 07 Февраль 2013 в 06:32, автор DextrousDave, источник

Большое спасибо. Это работает на меня, НО отладчик говорит мне следующее: Необработанное исключение в линии 570, колонка 29 дюймов localhost:49693/Secure/RiskAssessmentItem.aspx? assessmentno =‌ 0 0x800a138f - Ошибка выполнения JavaScript: Неспособный получить собственность ' length' из неопределенной или нулевой ссылки

добавлено 08 Февраль 2013 в 05:43, автор DextrousDave, источник

Это - ' вар numSpaces' линия...

добавлено 08 Февраль 2013 в 05:44, автор DextrousDave, источник

человек спасибо. Вы - мой герой в течение дня

добавлено 12 Февраль 2013 в 06:42, автор DextrousDave, источник

Я все еще полагаю, что код достиг бы того, что вы хотите. Ошибки кажутся трудными преодолеть?

добавлено 07 Февраль 2013 в 03:45, автор Peter Herdenborg, источник

Я создал скрипку, исправил код и обновил мой ответ. Я должен признать, хотя это, решение не прекрасно, поскольку у него есть один довольно серьезный недостаток, который трудно преодолеть.

добавлено 07 Февраль 2013 в 03:59, автор Peter Herdenborg, источник

Я имею в виду проблему с в настоящее время отбираемым выбором, не заказываемым в списке. Я добавил снимок экрана в своем ответе.

добавлено 07 Февраль 2013 в 09:14, автор Peter Herdenborg, источник

Ясно. Да, была ошибка, выбирая выбор без любых ведущих мест. Я также нашел другую проблему, но зафиксировал оба и обновил скрипку и ответ.

добавлено 08 Февраль 2013 в 07:34, автор Peter Herdenborg, источник

Видеокурс по Java для начинающих

Получи видеокурс по Java для начинающих с упражнениями