Как сделать динамический зависимый список ресурсов

так же. только в parents вставь текущий id

&parents=`[[*id]]`

я так понимаю вам нужно что то подобное?

[[!pdoMenu?
&parents=`2`
&level=`2`
&firstClass=`0`
&lastClass=`0`
&hereClass=`0`
&outerClass=`0`
&tplOuter=`@INLINE [[+wrapper]]`
&tpl=`@INLINE <optgroup label="[[+menutitle]]">[[+wrapper]]</optgroup>`
&tplInner=`@INLINE [[+wrapper]]`
&tplInnerRow=`tpl.uslugaItem`
]]

то есть родителя обрамлять в тег optgroup, а именно услуги.

в чанке tpl.uslugaItem необходимо использовать сниппет UltimateParent или pdoField в результате должно получится как то так:

<option [[+id:is=`[[UltimateParent? id=`[[+id]]` &topLevel=`3`]]`:then=`selected`]] value="[[+id]]">[[+menutitle]]</option>

где parents=`2` родительский ресурс в котором находятся услуги -> врачи…

Реализовать ajax-запрос. Примерно вот так:

1. Вешаем на событие переключения селектора скрипт, который будет выполнять ajax-запрос:

<script>
	var canClick = true;

	$(document).on('change', 'select[name="selector-1"]', function(e) {
		if ($(this).val() != '' && canClick = true) {
    			$.ajax({
    				type: "POST",
    				url: "assets/ajax/getlist.php",
    				data: {
    					action: 'getList', 
    					parent: $("select[name='selector-1']").val()
       		        	},
    			
    				beforeSend: function(){
					canClick = false;
    				},
    			
    				success: function(response) {
    					var data = eval(response);
    
    					switch (data[1]) {
    						case 'success':
							//Если все ок - вставляем результат во второй селектор
							$("select[name='selector-2']").html("<option value='' selected disabled>Выберите значение из списка</option>" + data[0]).val("");

    							break;
    							
    						case 'error':
							//Если не ок - выводим ошибку (используется jGrowl)
    							$.jGrowl(data[0], {theme: 'error', position: 'center'});
    							
    							break;
    						
    					}

					canClick = true;
    				}
    			});
		}
	});
</script>

2. Создаем файл (в моем примере assets/ajax/getlist.php), на который ссылается скрипт и который будет возвращать нам результат:

<?php
	if ($_SERVER['HTTP_X_REQUESTED_WITH'] != 'XMLHttpRequest' || empty($_POST['action'])) {
		return;
	}

	define('MODX_API_MODE', true);

	require dirname(dirname(dirname(__FILE__))) . '/index.php';
	
	$modx->getService('error','error.modError');
	$modx->setLogLevel(modX::LOG_LEVEL_ERROR);
	$modx->setLogTarget('FILE');
	
	
	if ($_POST['action'] == "getList" && isset($_POST['parent'])) {
		//Получаем значение для второго селектора
		$snippetParams = array();
		$snippetParams['parents'] = intval($_POST['parent']);
		$snippetParams['tpl'] = '@INLINE <option value="[[+menutitle]]">[[+menutitle]]</option>';
		//Дописать параметры для сниппета получающего результаты по вкусу			

		$snippetResult = $modx->runSnippet('pdoResources', $snippetParams);

		$result = array($snippetResult, 'success');
	}
	else {
		$result = array('Некорректный запрос', 'error');
	}
	
	if (!empty($result)) {
		die(json_encode($result));
	}

Самый простой и самый быстрый вариант — выводить полный список и услуг и врачей, а яваскриптом скрывать ненужные пункты. Единственный момент — защита от дурака/хулигана — при сохранении проверять соответствие врача услуге по родителю.

Ребята, решение отличное! Поставил работает четко, но нужна ваша помощь по скрипту. Использую данное решение для онлайн калькулятора с плагином jAutoCalc, при использовании функции добавить новую форму расчета он копирует контейнер первого без заполненных полей, так вот, класс контейнера и имена селектов естественно не меняють и при выборе в новой скопированной форме первого селекта, второй селект обновляеться в обоих формах, возможно привязать данное действие передачи информации с первого во второй селект с привязкой действия к родительскому контейнеру каждой формы? При копировании форм код получаеться такой:

[[!pdoMenu?
        &level=`1`
        &parents=`2`
        &tplOuter=`@INLINE [[+wrapper]]`
        &tpl=`@INLINE <option value="[[+id]]">[[+menutitle]]</option>`
        &toPlaceholder=`selector-1`
    ]]
<form name="form-calc">
    
Основная форма

    <div class="line_items">
        <select name="selector-1">
            <option selected disabled>Выберите услугу</option>
            [[+selector-1]]
        </select>
        <select name="selector-2">
            <option value="" selected disabled>Выберите врача</option>
        </select>
    </div>

Первая копия

    <div class="line_items">
        <select name="selector-1">
            <option selected disabled>Выберите услугу</option>
            [[+selector-1]]
        </select>
        <select name="selector-2">
            <option value="" selected disabled>Выберите врача</option>
        </select>
    </div>

Вторая копия

    <div class="line_items">
        <select name="selector-1">
            <option selected disabled>Выберите услугу</option>
            [[+selector-1]]
        </select>
        <select name="selector-2">
            <option value="" selected disabled>Выберите врача</option>
        </select>
    </div>

    и т.д.

</form>