我在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);
});
});
祝你好运!