Динамичные селекты

@Sega28 · Регистрация: 22.05.2012

Author24 — интернет-сервис помощи студентам

Доброго времени суток!
Есть не большой код по селектам категориям. А как добавить когда последнюю категорию открываем появлялся селект с элементами этой категории?

PHP

<div class="selects" id="selects">
 
<?foreach ($arResult['ITEMS']['SECTIONS'] as $key=>$value):?>
 
        <?$i = 1?>
        <?foreach ($value as $k=>$v):?>
 
            <?if ($i == 1):?>
                <div id="<?echo $arResult['SELECT_ID'] . $key?>">
                <select <?if ($arResult['HAS_ACTIVE_DEPTH_LEVEL'] == $key):?>name="<?=$arResult['SELECT_NAME']?>"<?endif;?> onchange="select_change(this, <?=$key?>, 'SELECT_NAME=<?=$arResult['SELECT_NAME']?>&SELECT_ID=<?=$arResult['SELECT_ID']?>');">
                    <option value="">Выберите значение</option>
            <?endif?>
 
            <option value="<?=$v['ID']?>" <?if ($v['ACTIVE'] == 'Y') echo 'selected'?> ><?=$v['NAME']?></option>
 
            <?if ($i == count($value)):?>
                </select>
                </div>
            <?endif?>
 
            <?$i++?>
 
        <?endforeach?>
 
<?endforeach?>
 
</div>

@ibelych · 14.04.2015, 16:43

Sega28,
1) ajax, или на js иметь объект со всеми категориями и элементами если это не ресурсоемко
в случае первого предаешь ID выбранного раздела, в случае второго на JS обрабатываешь выбранный раздел
2) как только выбрал категорию, проверяешь, есть ли категории у которых родитель это ID выбранной категории, если есть такие, то строишь дальше селекты с разделами, если нет, то строишь дерево элементов

@Sega28 · 14.04.2015, 16:46 **[ТС]**

ibelych, скрипт полостью рабочий, он строит структуру по разделам и подразделам но не выводит элементы в самой категории, куда в цикл вставить на проверку и вывод элементов

@ibelych · 14.04.2015, 16:56

Sega28, ок, в массиве есть списки всех элементов? вы их как-то получили?

@Sega28 · 14.04.2015, 17:11 **[ТС]**

ibelych,

PHP

if (!CModule::IncludeModule('iblock')) die("Не подключен модуль инфоблок");
$id = intval($_REQUEST['id']);
$select_name = $_REQUEST['SELECT_NAME'];
$select_id = $_REQUEST['SELECT_ID'];
$section = getIBlockSection($id);
?>

вот основные переменные которые берутся

@ibelych · 14.04.2015, 17:14

Sega28, ну нужно получить все элементы инфоблока и объединить их по привязки к разделу

@Sega28 · 14.04.2015, 17:22 **[ТС]**

ibelych, грубо говоря да) ну как в админке ты тыкаешь по категориям и видишь эти элементы

@ibelych · 14.04.2015, 17:26

Sega28, берешь jquery и по событию change ловишь выбранный ID радела, если у этого раздела есть список элементов, грубо говоря есть <select id="elemnts_ID-SECTION"> то показываешь его так же через js
все <select id="elemnts_ID-SECTION"> приличествуют на странице но все скрыты,

ты это делаешь с перезагрузкой страницы?

@Sega28 · 14.04.2015, 17:37 **[ТС]**

ibelych, нет на аяксе, JS тоже присутсвует

@ibelych · 14.04.2015, 17:39

Sega28, код который ты показал строит не один select, вернее может строить не один судя по циклу, что бы загрузить все элементы, так же делаешь ajax запрос и получаешь все элементы раздела через CIblockElement::GetList()

@Sega28 · 14.04.2015, 17:44 **[ТС]**

ibelych, Выложить все файлы?

@ibelych · 14.04.2015, 18:16

Sega28, давай

@Sega28 · 14.04.2015, 18:39 **[ТС]**

ibelych,
ajax.php

PHP

<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/prolog_before.php");?>
 
<?
if (!CModule::IncludeModule('iblock')) die("Не подключен модуль инфоблок");
$id = intval($_REQUEST['id']);
$select_name = $_REQUEST['SELECT_NAME'];
$select_id = $_REQUEST['SELECT_ID'];
$section = getIBlockSection($id);
?>
 
<div id="<?echo $select_id . $section['DEPTH_LEVEL']?>">
    <?
        $dbS = CIBlockSection::GetList(Array('NAME'=>'ASC'), Array('IBLOCK_ID'=>$section['IBLOCK_ID'], "GLOBAL_ACTIVE"=>"Y", "SECTION_ID"=>$section['ID']));
        $countS = $dbS->SelectedRowsCount();
        if ($countS > 0):
            ?>
 
            <select onchange="select_change(this, <?=(++$section['DEPTH_LEVEL'])?>, 'SELECT_NAME=<?=$select_name?>&SELECT_ID=<?=$select_id?>');">
            <option value="">Выберите вариант</option>
            <?
            while($resS = $dbS->GetNext()):
                ?><option value="<?=$resS['ID']?>"><?=$resS['NAME']?></option><?
            endwhile;
            ?></select><?
 
        endif;
    ?>
 
</div>
 
<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/modules/main/include/epilog_after.php")

skript.php

PHP

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>
 
<script type="text/javascript">
 
function select_change(elem, level, params) {
 
    var nextLevel = (level + 1);
    var selects = document.getElementById("selects");
    for (var i = nextLevel; i < 10; i++) {
        if (bl = document.getElementById("<?=$arResult['SELECT_ID']?>"+i))
            selects.removeChild(bl);
        else
            break;
    }
 
    if (elem.value>0) {
        var block = document.createElement("DIV");
        block.setAttribute("id", "<?=$arResult['SELECT_ID']?>"+nextLevel);
        selects.appendChild(block);
        jsAjaxUtil.InsertDataToNode('<?=$templateFolder?>/ajax.php?id='+elem.value+'&'+params, block.id, true);
    }
 
    var sels = selects.getElementsByTagName("select");
    for(i = 0; i < sels.length; i++) {
        sels[i].removeAttribute("name");
    }
 
    for(i = sels.length-1; i >= 0; i--) {
        if (sels[i].value > 0) {
            sels[i].setAttribute("name", "<?=$arResult['SELECT_NAME']?>");
            break;
        }
    }
 
}
 
</script>

template.php

PHP

<?if(!defined("B_PROLOG_INCLUDED") || B_PROLOG_INCLUDED!==true)die();?>
 
<?/*echo "<pre>";print_r($arParams);echo "</pre>";*/?>
<?/*echo "<pre>";print_r($arResult);echo "</pre>";*/?>
<?$GLOBALS['APPLICATION']->SetAdditionalCSS('/bitrix/templates/.default/ajax/ajax.css');?>
<?$GLOBALS['APPLICATION']->AddHeadString('<script src="/bitrix/js/main/ajax.js"></script>', true);?>
 
<?include($_SERVER["DOCUMENT_ROOT"].$templateFolder."/script.php")?>
<form>
<div class="selects" id="selects">
 
<?foreach ($arResult['ITEMS']['SECTIONS'] as $key=>$value):?>
 
        <?$i = 1?>
        <?foreach ($value as $k=>$v):?>
 
            <?if ($i == 1):?>
                <div id="<?echo $arResult['SELECT_ID'] . $key?>">
                <select <?if ($arResult['HAS_ACTIVE_DEPTH_LEVEL'] == $key):?>name="<?=$arResult['SELECT_NAME']?>"<?endif;?> onchange="select_change(this, <?=$key?>, 'SELECT_NAME=<?=$arResult['SELECT_NAME']?>&SELECT_ID=<?=$arResult['SELECT_ID']?>');">
                    <option value="">Выберите значение</option>
            <?endif?>
 
            <option value="<?=$v['ID']?>" <?if ($v['ACTIVE'] == 'Y') echo 'selected'?> ><?=$v['NAME']?></option>
 
            <?if ($i == count($value)):?>
                </select>
                </div>
            <?endif?>
 
            <?$i++?>
 
        <?endforeach?>
 
<?endforeach?>
 
</div>
<input type="submit">
</form>

Добавлено через 20 минут
и вот вызов кстати

PHP

    Array(
        "COMPONENT_TEMPLATE" => ".default",
        "IBLOCK_TYPE" => "tovar",
        "IBLOCK_ID" => "22",
        "SELECT_NAME" => "SECTION_ID",
        "SELECT_ID" => "level",
        "SELECT_VALUE" => "",
        "LEVELS" => ""
    )

@KM19 · 18.04.2015, 15:55

Спасибо, все по делу

@ibelych 106 / 18 / 5 Регистрация: 03.04.2012 Сообщений: 219
	14.04.2015, 16:43	2
	Sega28, 1) ajax, или на js иметь объект со всеми категориями и элементами если это не ресурсоемко в случае первого предаешь ID выбранного раздела, в случае второго на JS обрабатываешь выбранный раздел 2) как только выбрал категорию, проверяешь, есть ли категории у которых родитель это ID выбранной категории, если есть такие, то строишь дальше селекты с разделами, если нет, то строишь дерево элементов 0

@Sega28 6 / 6 / 1 Регистрация: 22.05.2012 Сообщений: 128
	14.04.2015, 16:46 [ТС]	3
	ibelych, скрипт полостью рабочий, он строит структуру по разделам и подразделам но не выводит элементы в самой категории, куда в цикл вставить на проверку и вывод элементов 0

@ibelych 106 / 18 / 5 Регистрация: 03.04.2012 Сообщений: 219
	14.04.2015, 16:56	4
	Sega28, ок, в массиве есть списки всех элементов? вы их как-то получили? 0

@ibelych 106 / 18 / 5 Регистрация: 03.04.2012 Сообщений: 219
	14.04.2015, 17:14	6
	Sega28, ну нужно получить все элементы инфоблока и объединить их по привязки к разделу 0

@Sega28 6 / 6 / 1 Регистрация: 22.05.2012 Сообщений: 128
	14.04.2015, 17:22 [ТС]	7
	ibelych, грубо говоря да) ну как в админке ты тыкаешь по категориям и видишь эти элементы 0

@ibelych 106 / 18 / 5 Регистрация: 03.04.2012 Сообщений: 219
	14.04.2015, 17:26	8
	Sega28, берешь jquery и по событию change ловишь выбранный ID радела, если у этого раздела есть список элементов, грубо говоря есть <select id="elemnts_ID-SECTION"> то показываешь его так же через js все <select id="elemnts_ID-SECTION"> приличествуют на странице но все скрыты, ты это делаешь с перезагрузкой страницы? 0

@Sega28 6 / 6 / 1 Регистрация: 22.05.2012 Сообщений: 128
	14.04.2015, 17:37 [ТС]	9
	ibelych, нет на аяксе, JS тоже присутсвует 0

@ibelych 106 / 18 / 5 Регистрация: 03.04.2012 Сообщений: 219
	14.04.2015, 17:39	10
	Sega28, код который ты показал строит не один select, вернее может строить не один судя по циклу, что бы загрузить все элементы, так же делаешь ajax запрос и получаешь все элементы раздела через CIblockElement::GetList() 0

@Sega28 6 / 6 / 1 Регистрация: 22.05.2012 Сообщений: 128
	14.04.2015, 17:44 [ТС]	11
	ibelych, Выложить все файлы? 0

@ibelych 106 / 18 / 5 Регистрация: 03.04.2012 Сообщений: 219
	14.04.2015, 18:16	12
	Sega28, давай 0

	18.04.2015, 15:55

@KM19 0 / 0 / 0 Регистрация: 13.04.2015 Сообщений: 6
	18.04.2015, 15:55	14
	Спасибо, все по делу 0