Как добавить опции для выбора поля из php-массива в форму контакта 7 Wordpress

Question

У меня есть одностраничный сайт в wordpress. Мне нужно поместить информацию из php-массива $ cat_good в два окна выбора. Это хорошо работает в файле index.php, как это:

<div> 
    <select id="flowers_type" class="styled"> 
     <option value="">--</option> 
     <?php 
      foreach ($cat_good as $key => $value) { 
       echo '<option value="' . $key . '">' . $key . '</option>'; 
      } 
     ?> 
    </select> 
</div> 
<div> 
    <select id="flowers_type_item" class="styled"> 
     <option value="">--</option> 
     <?php 
      foreach ($cat_good as $key => $value) { 
       $good = $key; 
       foreach ($value as $key => $value) { 
        echo '<option class="' . $good . '" value="' . $key . '">' . $value . '</option>'; 
       } 
      } 
     ?> 
    </select> 
</div> 

Вопрос в том, как поставить эти два списка выбора, чтобы связаться с формой 7?

С помощью Dhanuka Nuwan теперь у меня есть код в function.php, который помогает мне добавить селекторы контактную форму, 7.

function flowers_type(){<!-- here is my code for $cat_good --> 
$output .= "<div><select name='flowers_type' id='flowers_1' class='styled'><option value='0'>--</option>";  
    foreach ($cat_good as $key => $value) { 
     $output .= "<option value='$key'>$key</option>";   
    } 
$output .= "</select></div>"; 
$output .= "<div><select name='flowers_type_item' id='flowers_2' class='styled'><option value='0'>--</option>";  
    foreach ($cat_good as $key => $value) { 
     $good = $key; 
     foreach ($value as $key => $value) { 
      $output .= "<option class='$good' value='$key'>$value</option>"; 
     } 
    } 
    $output .= "</select></div>"; 
    return $output;} 

Но я также нужен второй селектор, чтобы быть зависело от первого , Я пытаюсь сделать это с помощью https://github.com/tuupola/jquery_chained. В моем js-файле у меня есть:

$("#flowers_2").chained("#flowers_1"); 

К сожалению, это не работает.

Answer 1

Вы можете добавить короткий код в контактную форму 7, используя wpcf7_add_shortcode. Вот ваш код.

function flowers_type(){ 
    $output = "<select name='flowers_type' id='flowers_type' onchange='document.getElementById(\"flowers_type\").value=this.value;'><option value="">--</option>"; 
    foreach ($cat_good as $key => $value) { 
      $output .= "<option value='$key'> $key </option>"; 
     } 

    $output .= "</select>"; 
return $output; 
} 

wpcf7_add_shortcode('flowers_type', 'flowers_type', true); 

теперь вы можете использовать [flowers_type] шорткод внутри вашей контактной формы 7 form.Please запиской этот код не проверял. резервное копирование файлов перед использованием. делайте то же самое с другим.

Удачи. :)