2016-12-10 57 views
0

我對笨陣列下拉形式,我想,當陣列中的一個選擇。這添加另一種形式是我試過到目前爲止
獲取選定陣列值笨

**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代碼?

+0

請詳細說明您的問題!作爲你真正想要做的.. – sheetal

+0

我想使用codeigniter這樣的東西http://stackoverflow.com/questions/7340644/dynamically-add-input-type-select-with-options-in-javascript @sheetal –

+0

好吧...所以當你選擇其中一個選項或者你想根據選擇的選項添加不同的下拉菜單時,你只是想添加下拉菜單的副本? – sheetal

回答

0

您不需要通過模型或控制器類對此進行隨機播放,只需選擇下拉列表中的某個選項,即可使用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>