在更改时使用jquery访问转换为JSON的数组的数据

Question

我在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                 
    )

)

我将这些数组放在视图中，如下所示：

<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是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
});

我该怎么办？任何解决办法都非常感谢。

Answer 1

如果您想在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);
   });
});

祝好运!