Я работаю с контактной формой 7 и хочу отключить некоторые поля, когда выбрана опция
Я пытался использовать некоторый код JavaScript для ее решения, но это не работает!
<div class="booking-form">
<h3>BOOKING - ENJOY!</h3>
<p class="book-cf1">[text* first-name placeholder "First Name*"]</p>
<p class="book-cf1">[text* last-name placeholder "Last Name*"]</p>
<p class="book-cf1">[text* your-phone placeholder "Your Phone"]</p>
<p class="book-cf1">[email* your-email placeholder "Email Address*"]</p>
<p class="book-cf1">[text* arrival-date class:date_booking placeholder "Arrival Date*"]</p>
<p class="book-cf1">[text* departure-date class:date_booking placeholder "Departure Date*"]</p>
<p class="book-cf2">[select room_type placeholder "Suite type" "Junior Suite" "Executive Suite" "Family Suite" "Full Service Package"]</p>
<p class="book-cf2">[select adult "Adults" "1" "2" "3" "4"]</p>
<p class="book-cf2">[select Child "Child" "1" "2" "3" "4"]</p>
<p class="book-cf2">[select etbed "Extra Bed" "1" "2"]</p>
<p class="book-cf2">[select pickup "Pickup" "Yes (+$30)" "No"]</p>
<p class="book-cf3">[textarea your-message placeholder "Special Note"]</p>
<p class="clearfix">[checkbox checkbox-838 "Please confirm your details before submitting."]</p>
<p class="book-cf3" id="book-cf4">[submit "Make a reservation"]</p>
</div
Я ожидаю, что это произойдет, когда я выберу тип люкса "Полулюкс", а затем перейду к выбору дополнительной кровати, должен появиться только один вариант, а другой вариант 2 должен быть отключен, но для Executive и Family Suite два варианта для дополнительногокровати должны быть включены, а также, когда я выбираю полный пакет услуг, поля «взрослые, дети, дополнительная кровать и пикап» должны быть отключены. Я пытался использовать код javascript, но никуда не попал!