Question

我正在研究代码点火器。我想要一个动态表格在一个下拉列表的帮助下填充一些数据。我想要将数据显示到输入框而不是另一个选项值。一世得到一个在线代码，用ajax调用数据填充到另一个选择它为我工作的盒子。但如果我使用输入框然后它没有为我工作。

我的ajax电话：

var baseURL= "<?php echo base_url();?>"; 
  $(document).ready(function()
  {    
    $('#employee').change(function(){
      var EMPLOYEE_ID = $(this).val();
      // AJAX request
      $.ajax({        
        url:'<?php echo base_url()?>/Responsible/getEmpData',
        method: 'post',
        data: {EMPLOYEE_ID :EMPLOYEE_ID },
        dataType: 'json',
        success: function(response){
        alert(response);
          // Remove options 
          $('#sel_depart').find('input').not(':first').remove();          
          $.each(response,function(index,data){
             //$('#sel_depart').append('<option value="'+data['DETAIL_ID']+'">'+data['NI_NUMBER']+'</option>');
             $('#sel_depart').append('<input type="text" class="span8" name="ni_number" value="'+data['NI_NUMBER']+'"/>');

          });
        }
     });
   });
 });

正如您可以查看我评论的选项值代码正在工作。我在输入框上尝试相同的事情，但我的$('#sel_depart').find('input').not(':first').remove();此行不起作用。

我的输入框：

<input id='sel_depart' type="text" class="span8" name='ni_number' value=""/>

我的控制器：

public function getEmpData()
    { 
      $postData = $this->input->post();    
      $this->load->model('Pay_slips_model');    
      $data = $this->pay_slips->getEmpData($postData);
      echo json_encode($data); 
    }

型号：

public function getEmpData($postData)
            {
                $response = array();        
                $this->db->select('ed.DETAIL_ID,ed.NI_NUMBER');
                $this->db->where('EMPLOYEE_ID', $postData['EMPLOYEE_ID']);
                $q = $this->db->get('employee_details ed');
                $response = $q->result_array();
                return $response;
            }

我为每个NI_NUMBER收到重复或多个EMPLOYEE_ID。在我的表employee_details中，每个NI_NUMBER只有一个EMPLOYEE_ID。如果我在ajax调用后检查我的输入框，我可以在输入框中看到重复的数据，但它没有在表单上显示。这两个问题的解决方案是什么。

无法在输入框中显示数据而非选择框。
如何防止来自表的重复行。

如何在输入框上调用ajax而不是用jquery选择框？

0 个答案: