通過選擇prestashop助手類中的下拉列表顯示下拉字段後臺格式

Question

我想根據更改後臺表單中的下拉列表來顯示或隱藏一些字段，這是nit html表單，它的prestashop後臺助手類形式

如果選擇類型是「類別」在第一個下拉列表中，那麼它應該顯示（選擇類別）的下拉列表並且應該隱藏其他兩個下拉列表（選擇產品，選擇提供）。

$this->fields_form = array(
    'legend' => array(
     'title' => $this->l('My Back offie form:'), 
     'image' => _PS_ADMIN_IMG_ . 'information.png', 
    ), 
    'input' => array(
     array(
      'type' => 'select', 
      'label' => $this->l('Select Type'), 
      'name' => 'slider_type', 
      'id' => 'slider_type', 
      'options' => array(
       'query' => $slidertypes_option, 
       'id' => 'slider_type', 
       'name' => 'slider_type' 
      ) 
     ), 
     array(
      'type' => 'select', 
      'label' => $this->l('Select Category'), 
      'name' => 'id_category', 
      'id' => 'id_category', 
      'options' => array(
       'query' => $category_options, 
       'id' => 'id_category', 
       'name' => 'category_name' 
      ) 
     ), 
     array(
      'type' => 'select', 
      'label' => $this->l('Select Offer'), 
      'name' => 'id_category', 
      'id' => 'id_category', 
      'options' => array(
       'query' => $offers_options, 
       'id' => 'id_category', 
       'name' => 'category_name' 
      ) 
     ), 
     array(
      'type' => 'select', 
      'label' => $this->l('Select Product'), 
      'name' => 'id_product', 
      'id' => 'product', 

      'options' => array(
       'query' => $products, 
       'id' => 'id_product', 
       'name' => 'name' 
      ) 
     ), 
     //               array(
     //               
     'submit' => array(
      'title' => $this->l('Save'), 
      'class' => 'button' 
     ), 
     'cancel' => array(
      'title' => $this->l('Cancel'), 
      'class' => 'button' 
     ) 
    ); 

所以下拉字段應顯示基於第一個下拉選擇 任何想法，請分享。

Answer 1

處理您的形式使用jQuery：

$(document).ready(function(){  
adminControl(); 
$('#slider_type').change(function(){ 
    adminControl(); 
}); 
}); 
function adminControl(){ 
//main value 
var type_value = $('#slider_type').val(); 

var handle1 = $('select#xxxx').parents().eq(2); 
var handle2 = $('select#yyyy').parents().eq(2); 

switch (type_value) { 
    case 'category': 
     handle1 .show(500); 
     handle2 .hide(500); 
     break; 
    case 'cms': 
     handle1 .hide(500); 
     handle2 .show(500); 
} 
}