itsathere Ответов: 1

Сгенерировать выпадающий список с родительской дочерней комбинацией в ASP.NET MVC

I need dropdownlist with parent child combination like below example

Parent 1
 Child of Parent 1
 Child of Parent 1 
Parent 2
 Child of Parent 2
 Child of Parent 2
 Child of Parent 2
 Child of Parent 2

I need to show option like above where both parent and child option can be selected by users.


Что я уже пробовал:

Я проверил пример jquery, но родитель не может быть выбран.Мне нужно выбрать оба варианта-Родительский и дочерний.

[Демо, где мы можем выбрать только ребенка]

Karthik_Mahalingam

что вы пробовали, кроме библиотеки?

itsathere

http://stackoverflow.com/questions/1146789/rendering-a-hierarchy-of-options-in-a-select-tag

Пытаюсь реализовать то же самое.

Karthik_Mahalingam

ЧК мое решение.

1 Ответов

Рейтинг:
4

Karthik_Mahalingam

проверить это

<!DOCTYPE html>
<html>
<head>
    <title></title>    

</head>
<body>
    <select id="ddl"></select>

    <script>

        var json = [
            { parent: '1', item: 'Electronics' },
            { parent: '0', item: 'Play station' },
            { parent: '0', item: 'audios' },
            { parent: '1', item: 'Books' },
            { parent: '0', item: 'Non-Fiction' },
            { parent: '0', item: 'Maths' },
        ];
        options = [];
        var ddl = document.getElementById('ddl');
        for (var i = 0; i < json.length; i++) {

            var style = '', space = '&nbsp;&nbsp;'
            if (json[i].parent == '1')
            {
                style = "style='font-weight:bold'"
               space =''

            }
            var html = "<option " + style + "  > " + space + json[i].item; +" </option>"

            options.push(html);
        }

        ddl.innerHTML = options.join('\n'); 
    </script>
</body>
</html>


демонстрация: Edit fiddle - JSFiddle[^]

itsathere

Это то же самое решение, которое я пробовал и дал ссылку на stackoverflow, есть несколько модификаций, вот и все. кстати, спасибо.

Karthik_Mahalingam

добро пожаловать, если вам нужно что-то еще, дайте мне знать

itsathere

спасибо, я сделал это сам, прежде чем вы предоставили решение.

Karthik_Mahalingam

о, хорошо.