访问数组多维数据集上的数据,该多维数据集在更改时使用jquery转换为JSON


Access data on an array multidimesion that converted to JSON using jquery on change

我在php上有一个数组,已加载到html中。在CI3中,这就是解释。控制器

public function menu_container() {
    $this->load->library('csvreader');
    $data = array('pages' => 'Data Container',
        'csvData' => $this->csvreader->parse_file(base_url('assets/csv/ZIL.csv')),        
    $main_view = $this->load->view('surveyor/v_container', $data, TRUE);
    echo $main_view;
}

看,我的数组中有csvData。CSVData的内容如下:

Array
(
[1] => Array
    (
        [ NO] =>     1
        [EIR IN] => 1545053   
        [CONT] => EOLU 1111111
        [TYPE] => XXXX
        [INDEPO] => 21-11-2015
        [JAM] => 13:00
        [KODE VSL] => ABO
        [VESSEL] => ALBERT OLDENDORFF   
        [VOY] => N001   
        [CONSIG] => ASTABUMI CIPTA      
        [COND IN] => DMG
        [CLEAN] => DIRTY
        [TARE] =>   2400
        [GROSS] =>  20000
        [KAPASITAS] =>   5000
        [EX CARGO] => FOOD                
        [LAST AIR)] =>   -  -    
        [LAST HIDRO] =>   -  -    
        [MANU] => 10-11  
        [BUILDER] =>                     
        [OWNER] => APL                 
    )
[2] => Array
    (
        [ NO] =>     2
        [EIR IN] => 1545052   
        [CONT] => EOLU 1234567
        [TYPE] => IM04
        [INDEPO] => 21-11-2015
        [JAM] => 10:00
        [KODE VSL] => 202
        [VESSEL] => WAN HAI 202         
        [VOY] => N 001  
        [CONSIG] => ANUGERAH AGUNG LUMIN
        [COND IN] => AVL
        [CLEAN] => DIRTY
        [TARE] =>   2400
        [GROSS] =>  20000
        [KAPASITAS] =>   1000
        [EX CARGO] => MAKANAN             
        [LAST AIR)] =>   -  -    
        [LAST HIDRO] =>   -  -    
        [MANU] => 11-13  
        [BUILDER] =>                     
        [OWNER] => APL                 
    )

)

我在VIEW中这样解释这些数组:

<select data-plac class="form-control input-lg pull-right chosen" style="width: 250px;" id="search" >
   <?php
       foreach ($csvData as $v) {
          echo '<option value ='. $v['EIR IN'].'>' . $v['EIR IN'] . '- ' . $v['CONT'] . '</option>';
       }
    ?>
</select>

故事板是这样的。也就是说,用户选择第一个选项,EIR-IN是15403,第一个数组中的所有信息,如NO、CONT等,都将显示在另一个html上。

<tr>
  <td>EIR / Estimate Reference</td>
  <td id="EIR_IN"></td> //The value that  came from selected option
  <td>CONT</td>
  <td id="CONT"></td> //The value

现在,我决定使用jquery来管理这些数据。我在变更事件中使用。

var jsoncsv = '<?php echo json_encode($csvData); ?>';
$(document).on("change", '#search', function(){
   var selected = $('#search').val() ;
   //ACCESS THE JSON
});

我该怎么办?我们非常感谢任何解决方案。

如果您想处理jQuery中的json,可以尝试类似的方法

var jsoncsv = '<?php echo json_encode($csvData); ?>';
$(document).on("change", '#search', function(){
   var selected = $('#search').val() ;
   var obj = JSON.parse(jsoncsv);
   console.log(obj);
   //running a each loop:
   $.each(obj, function(key,value) {
      console.log(key + value);
   });
});

祝你好运!