从 Combo Cox（视图）获取值并在不加载页面的情况下发送到控制器答案

【问题标题】：Get Value from Combo Cox (view) and send to controller without loading page从 Combo Cox（视图）获取值并在不加载页面的情况下发送到控制器
【发布时间】：2017-05-17 15:02:47
【问题描述】：

如何在不加载页面的情况下从视图的代码点火器获取值到控制器。
我在控制器中有 2 个类，index 和 create_data。
我需要动态打印$test
我怎样才能使我的代码工作？

查看

<?php echo form_open("example/create_data", "class='form-horizontal' row-border")?>

<select name="example" onchange()="this.form.submit()">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<button type="submit">Tambah</button>
<?php form_close()?>

控制器

function index(){
    $data['combo'] = comboData();
    $test = $this->input->post();
    $data['test'] = $test;
    echo $test;
    if ($test==1) { 
        doSomething(); 
    } else{ 
        doNothing(); 
    }
    $this->template->display('example/index',$data);
}

【问题讨论】：

在值更改时调用“this.form.submit()”将提交表单并重新加载。您需要编写一些 javascript (ajax) 来发送值而无需重新加载。

标签： javascript jquery html ajax codeigniter

【解决方案1】：

||查看

<?php echo form_open("example/create_data", "class='form-horizontal' row-border")?>

<select name="example" onchange="change_option()">
    <option value="1">1</option>
    <option value="2">2</option>
</select>
<select id="your_second_dropdown_id_name">
    <option value="0">no data</option>
</select>
<button type="submit">Tambah</button>
<?php form_close()?>

||javascript/jquery

var category_id =  $(this).val();
    $.ajax({
        type: "POST",
        data: category_id,
        url: "<?= base_url() ?>learning/dependent_dropdown",
        success: function(data) {
            $.each(data, function(i, data) {
                var opt = $('<option />'); 
                opt.val(data.id_type);
                opt.text(data.name);
                $('#your_second_dropdown_id_name').append(opt);
            });
        }
    });

【讨论】：