2016-07-30 35 views
0

我使用链接选择来选择区域。我使用foreach循环和这个JavaScript。如何在一页中使用jQuery循环php

function tampilKabupaten() 
{ 
    kdprop = document.getElementById("provinsi_id").value; 
    $.ajax({ 
     url:"<?php echo base_url();?>data_master/pilih_kabupaten/"+kdprop+"", 
     success: function(response){ 
     $("#kabupaten_id").html(response); 
     }, 
     dataType:"html" 
    }); 
    return false; 
} 

function inputKabupaten() 
    { 
     document.getElementById("id_kabupaten").defaultValue = document.getElementById("kabupaten_id").value; 
    } 

这是我的看法

<?php foreach $anggota as $rowang { ?> 

      <div class="row form-group"> 
      <label class="col-sm-3">No Telepon</label> 
      <div class="col-sm-9"> 
       <input type="text" name="no_telp" class="form-control input-sm numbersOnly" value="<?php echo $rowangg->no_telp?>"> 
      </div> 
     </div> 

     <div class="col-sm-4"> 
      <?php 
      $style_provinsi='class="form-control autocomplete input-sm" id="provinsi_id" onChange="tampilKabupaten()"'; 
      echo form_dropdown('provinsi_id',$provinsi,'',$style_provinsi); 
      ?> 
     </div> 

     <div class="col-sm-4"> 
     <?php 
     $style_kabupaten='class="form-control autocomplete input-sm" id="kabupaten_id" onChange="inputKabupaten()"'; 
      echo form_dropdown("kabupaten_id",array('Pilih Kabupaten'=>'- Pilih Kabupaten -'),'',$style_kabupaten); 
      ?> 
<input id="id_kabupaten" type="hidden" name="id_kabupaten" required> 
     </div> 

<?php } ?> 

这里是我的控制器(data_master)

function pilih_kabupaten(){ 
     $keyword = $this->uri->segment(3); 
     $data['kabupaten']=$this->m_data->ambil_kabupaten($keyword); 
     $this->load->view('data_master/v_drop_down_kabupaten',$data); 
    } 

这里是我的模型(M_DATA)

function ambil_kabupaten($keyword){ 
    $this->db->where('id_provinsi',$keyword); 
    $this->db->order_by('nama_kabupaten','asc'); 
    $sql_kabupaten=$this->db->get($this->tabel_kabupaten); 
    if($sql_kabupaten->num_rows()>0){ 

     foreach ($sql_kabupaten->result_array() as $row) 
     { 
      $result[$row['id_kabupaten']]= ucwords(strtolower($row['nama_kabupaten'])); 
     } 
     } else { 
      $result['-']= '- Belum Ada Kabupaten -'; 
     } 
     return $result; 
    } 

另一种观点(data_mater/v_drop_down_kabupaten)

<?php   
$style_kabupaten='id="kabupaten_id"'; 
echo form_dropdown("kabupaten_id",$kabupaten,'',$style_kabupaten); 
?> 

但是,该脚本只影响循环的一行,所以我尝试将脚本放入循环中。

<script type="text/javascript"> 
    $(document).ready(function() { 
     $(".tampilKabupaten<?php echo $rowangg->id_anggota;?>").change(function(){ 
     kdprop = document.getElementById("provinsi_id<?php echo $rowangg->id_anggota;?>").value; 
     $.ajax({ 
      url:"<?php echo base_url();?>data_master/pilih_kabupaten/"+kdprop+"", 
      success: function(response){ 
      $("#kabupaten_id<?php echo $rowangg->id_anggota;?>").html(response); 
      }, 
      dataType:"html" 
     }); 
     return false; 
     }); 
    }); 
</script> 

我无法使用它。有什么更好的想法

由于提前,

回答

0

您可以将数据属性添加到您的.tampilKabupaten调用,例如,data-my-id,然后用这个JS代码:

$(document).ready(function() { 
    $(".tampilKabupaten").change(function() { 
     //Get the ID 
     kdprop = $(this).data("myId"); 
     $.ajax({ 
      url: "<?php echo base_url();?>data_master/pilih_kabupaten/" + kdprop, 
      success: function(response) { 
       //Change this and don't forget your HTML ! 
       $("#kabupaten_id_"+kdprop).html(response); 
      }, 
      dataType: "html" 
     }); 
     return false; 
    }); 
}); 

随着您的具体问题提出一些更多的解释,我可以帮助你找到更好的选择。