Dynamic dropdownlist = Codeigniter, help me..

Vấn đề đã dc giải quyết.

1024KB viết 13:08 ngày 10/10/2018

thì cứ làm theo cái link đó chứ làm sao.

danhnguyen223 viết 13:14 ngày 10/10/2018

đã xong, thank all for read...

1024KB viết 13:13 ngày 10/10/2018

tạo 1 model model_ajax.php, code nó như sau:

Code:

<?php
class Model_Ajax extends Model 
{
    function __construct()
    {
        parent::Model();
        $this->load->database();
        $this->_city_table = "cities";
    }

    function get_cities_in_state($state_id)
    {
        $this->db->where('state_id', $state_id);
      
        return $this->db->get($this->_city_table)->result();		
		
    }
}

Tạo một controller Ajax, code như sau:

Code:

<?php
if (! defined('BASEPATH')) exit('No direct script access');

class Ajax extends Controller {

	//php 5 constructor
	function __construct() {
		parent::Controller();
	}
	
	//php 4 constructor
	function Ajax() {
		parent::Controller();
	}
	
	function get_city()
    {
        // Load location model
        $this->load->model('model_ajax');

        // Which state to load?    
        $state_id = $this->input->post('state_id');
        
        $data['cities'] = $this->model_ajjax->get_cities_in_state($state_id);
		     
        $this->load->view('city_list', $data);
    }

}

Tạo một view cho ajax, tên là city_list.php, code:

Code:

<select name="city">
    <?php
	 foreach($cities as $city) : ?>
        <option value="<?php echo $city->id; ?>"><?php echo $city->city_name; ?></option>
    <?php endforeach; ?>
</select> </div>

Tạo một controller Cities, code:

Code:

<?php 

if (! defined('BASEPATH')) exit('No direct script access');

class Cities extends Controller {

	//php 5 constructor
	function __construct() {
		parent::Controller();
	}
	
	//php 4 constructor
	function Cities() {
		parent::Controller();
	}
	
	function index() {
		
		$this->load->helper('url');
	
		$this->load->view('cities_view');
	}

}

Tạo một view cities_view.php để hiện thị:

Code:

<html>
<head>
<script language="javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
<select name="state" id="selectstate">
    <option value="1">State 1</option>
    <option value="2">State 2</option>
    <option value="3">State 3</option>
    <option value="4">State 4</option>
</select>

<div id="citieswrapper">
</div> 

<script type="text/javascript">
$("#selectstate").bind("change",function()
	{
    	$("#citieswrapper").load("ajax/get_city", {state_id: $(this).val()});
    	//alert('go');
	}
);
</script>

</body>
</html>

Check lại bằng link: http://localhost/project/cities

danhnguyen223 viết 13:12 ngày 10/10/2018

đã xong, thank all for read...

1024KB viết 13:04 ngày 10/10/2018

disabled xem thêm trong jquery.

vuongkiet0605 viết 13:15 ngày 10/10/2018

Bài viết hay ghê ta.

danhnguyen223 viết 13:16 ngày 10/10/2018

Đã xong, thank all for read....

1024KB viết 13:07 ngày 10/10/2018

mình ngại pm qua yh. Có vấn đề gì thì cứ up lên đây. Rãnh thì mình xem giúp.

Bình luận về bài viết này