Получить выбранное значение массива для OnChange JavaScript CodeIgniter

Question

У меня есть массив выпадающей форма на CodeIgniter, я хочу, чтобы добавить другую форму, когда один из массива выбран .Это то, что я пытался до сих пор

**Form** 

     <label class="col-sm-2 control-label">Item Name</label> 

    <?php 
      $js='id="item" onChange="additem();"'; 
      $options = array(
          '1' => 'Metal', 
          '2' => 'Plastic', 
          '3' => 'Rubber', 
          '4' => 'Glass', 
         ); 

       echo form_dropdown('item', $class,$js); 

     ?> 

Модель

public function get_class() 
{ 
    $this->db->select('id_metal, desc_metal'); 
    $this->db->from('uip_metal'); 
    $result = $this->db->get(); 
    if($result->num_rows() > 0) { 
     foreach($result->result_array() as $row) { 
      $return[$row['id_metal']] = $row['desc_metal']; 
     } 
    } 
    return $return; 
} 
same function for the 3 remaining item 

контроллер

public function add() 
{  
    $data['uip_inventaris'] = $this->uip_inventariss->add(); 
    $data['action'] = 'uip_inventaris/save'; 
    $data['metal']=$this->uip_inventariss->get_metal(); 
    $data['plastic']=$this->uip_inventariss->get_plastic(); 
    $data['tekukbesi']=$this->uip_inventariss->get_rubber(); 
    $data['class']= $this->uip_inventariss->get_glass(); 

} 

Как я могу создать код javascript?

Answer 1

Для этого вам не нужно перемещаться по классам моделей или контроллеров, вы можете просто использовать javascript или jquery для клонирования/дублирования раскрывающегося списка [созданного с помощью form_dropdown()] при выборе одного из вариантов из раскрывающегося списка. Для этого просто добавьте код ниже до вашего вида:

<label class="col-sm-2 control-label">Item Name</label> 
<div id="itemSelect"> 
    <?php 
     $js='id="item"'; 
     $options = array(
         '1' => 'Metal', 
         '2' => 'Plastic', 
         '3' => 'Rubber', 
         '4' => 'Glass', 
        ); 
     echo form_dropdown('item', $class,$js); 
    ?> 
</div> 
<script type="text/javascript"> 
    $(function(){ 
     $(document.body).on('change','select[name="item"]',function(){ 
     $(this).clone().appendTo($('#itemSelect')); 
     }); 
    }); 
</script>