選擇 Option value id 並使用 javascript & codinator 在 value 中顯示其他輸入框，但 value 未顯示

Question

我正在使用 codinator select id 顯示值其他輸入框但不顯示任何值。請幫助...

在此處選擇選項查看頁面代碼

工作正常

<select  id="tanktype" name="tankno" class="form-control tankno" required >
    <option>Select</option>
     <?php
       $queryw = $this->db->where('vh_rdi',$_SESSION['rdi']);
       $queryw = $this->db->get('vh_stock');
       if ($queryw->num_rows() > 0)  
         {
         foreach ($queryw->result() as $roww)
           {
     ?>                             
    <option value="<?php echo $roww->vh_id; ?>"><?php echo $roww->vh_id; ?></option>
   <?php } } ?>
</select>

結果顯示視圖字段相同頁面但不顯示任何值

<input   name="vh_stock"  type="text" class="vh_stock" value="">

這里的 JavaScript 代碼

警報（'ajax 完成。響應：'+數據）很好，但在 vh_stock 獲取值后不顯示

<script>
        $(document).ready(function(){
        $('#tanktype').change(function(){
            //Selected value
            var id = $(this).val();
            alert("value in js "+id);

            //Ajax for calling php function
            $.post('<?php echo base_url()."index.php/Mechanical_rdirecived/viewtankstock"; ?>', { dropdownValue: id }, function(data){
                alert('ajax completed. Response:  '+data);//working fine result

                //do after submission operation in DOM
                 $(".vh_stock").val(data.vh_stock); //value is not getting 
                 //$(".id1").val(data.id1);                      
              //}, 'json')
            });
        });
});
    </script>  

控制器 => Mechanical_rdirecived/viewtankstock

工作正常

public function viewtankstock()  
{ 

$id = $this->input->post('dropdownValue');
$this->load->model('Model_fuel_rdirecived');
$this->Model_fuel_rdirecived->viewtankstock($id);

}

模型=>Model_fuel_rdirecived->viewtankstock($id);

工作正常

public function viewtankstock($id) {

$this->db->where('vh_id', $id);  
$query = $this->db->get('vh_stock');
  if ($query->num_rows() > 0)  
    {
   $data['foreach'] = $query->result();
   $id1 = $data['foreach'][0]->vh_id; 
   $vh_stock = $data['foreach'][0]->vh_stock;
   $arr =array("vh_stock"=>"$vh_stock","id1"=>"$id1");
   print_r($arr);
 echo json_encode($arr);
    }

}

Answer 1

嘗試這個 ：

<input   name="vh_stock"  type="text" class="vh_stock">

到 ：

<input   name="vh_stock"  type="text" class="vh_stock" value="">

嘗試：

控制器 => Mechanical_rdirecived/viewtankstock

public function viewtankstock()  
    { 
     $id = $this->input->post('reg_no');
     $this->load->model('Model_fuel_rdirecived');
     $arr = $this->Model_fuel_rdirecived->viewtankstock($id);
     echo json_encode($arr);
   } 

模型=>Model_fuel_rdirecived->viewtankstock($id);

public function viewtankstock($id) {
    $this->db->where('vh_id', $id);  
    $query = $this->db->get('vh_stock');

      if ($query->num_rows() > 0)  
        {
       $data['foreach'] = $query->result();

       $id1 = $data['foreach'][0]->vh_id; 

       $vh_stock = $data['foreach'][0]->vh_stock;

       $arr =array("vh_stock"=>"$vh_stock","id1"=>"$id1");
       return $arr;
        }

}

JavaScript 錯誤

 <script>
        $(document).ready(function(){
        $('#tanktype').change(function(){
            var id = $(this).val();
            $.post('<?php echo base_url()."index.php/Mechanical_rdirecived/viewtankstock"; ?>', { dropdownValue: id }, 
            function(data){

                alert('ajax completed. Response:  '+data);//msg=ajax completed. Response:    {"vh_stock":"600","id1":"4"}

                 $(".vh_stock").val(data.vh_stock);//no recived how can no recived  data
                 $(".id1").val(data.id1); //no recived how can no recived  data
              },)
            });
        });

    </script>

結果

ajax completed. Response:  undefined