Всем привет!
Столкнулась с проблемой. Есть список яхт, их название выводится в SELECT. В зависимости от выбранной яхты, меняются цены и даты бронирования. Эти данные тоже в отдельно SELECT должны быть.
Когда я вывожу через foreach список яхт и параметры, то получается что у меня создается столько SELECT сколько записано в админке. А должен быть 1 с выпадающем списком в котором название яхт.
С точки зрения верстки, выводится как я написала, но не так как я хочу.
Как сделать так, чтобы был 1 основной SELECT в котором выбирается название яхты, а потом от этого названия показываются параметры? По умолчанию выбрана 1-я яхта из списка.
Вот код который составила:https://codepen.io/oksana888/pen/vYwoZQb 
{ var $ListMainYacht = $_modx->resource.ListMainYacht | json_decode }<br />
   
   { foreach $ ListMainYacht as $ ListMainYachts }<br />
      < select name =" ol " id = "ol" ><br />
         < option >< b style="background: red; display: block; ">{ $ ListMainYachts. nameMainYacht }< /b >< /option ><br />
       < / select >   <br />
         { var $ listTypeRoomsYacht = $ ListMainYachts.listTypeRoomsYacht | json_decode }<br />
         
         < select name="io" id="io" ><br />
         { foreach $ listTypeRoomsYacht as $ listTypeRoomsYachts }<br />
              < option >< b style=" background: blue; display: block;" >{ $ listTypeRoomsYachts.TypeRoomYacht } | { $ listTypeRoomsYachts. CostTypeRoomYacht }< /b >< /option ><br />
         { /foreach }<br />
         < /select ><br />
         
         { var $ orderDaysYachtMIGX = $ ListMainYachts.orderDaysYachtMIGX | json_decode }<br />
         < select name = "op" id="op" ><br />
         { foreach $orderDaysYachtMIGX as $orderDaysYachtMIGXs }<br />
            < option >< b style="background: yellow; display: block;" >{ $ orderDaysYachtMIGXs.orderDays } | { $ orderDaysYachtMIGXs.orderDaysCost }< /b >< /option ><br />
         { / foreach }<br />
         < / select ><br />
      < hr ><br />
   { /f oreach }