Question

我有两个选择 - 一个用于区域，一个用于城市。我想要的是，当我点击region时，它会通过Ajax进入我的数据库并抓住正确的城市。实际上我已经抓住了它，但我不能把它放在cities选择中。

这是我在JS Select函数onClick事件代码中的Ajax函数：

$.ajax({
                url: '/map/index/ajax',

            type: 'POST',
            dataType: 'json',
            data: {
                // list of request parameters 
                'r_alias': valueRegionSelect
            },
            success: function(data) {
                console.log(data);
                $('#city_select').val(data.c_name);
            }
        });

console.log（data）show

[Object { r_id="39",  r_alias="cu",  c_id="4649", c_name="Kyev" more...}, Object 
,  more...}]

正是我需要的。

Ajax控制器：

public function ajaxAction() {
        $alias = $this->_getParam('r_alias');
        $result = Map_Model_Map_Factory::getCityByRegionAlias($alias);

        $this->view->cities = $result;
        $this->_helper->json($result);
    }

那我怎么能把它放在我的选择中：

<select id="city_select" name="city">
                            <?php foreach($this->cities as $city): ?>
                            <option ><?php echo $city['c_name'] ?></option>
                            <?php endforeach; ?>
                        </select>

Answer 1

您没有正确使用数据，它应该是

var html = "";
for (var i = 0; i < data.length; i++)
{
    html += '<option value="' + data[i].c_id + '">' . data[i].c_name . '</option>';
}
$('#city_select').html(html);

Answer 2

在您的成功回调中，您可以执行以下操作：

success: function(data) {
    //data       = $.parseJSON(data);
    var select = $('#city_select').empty();

    $.each(data, function(i, item) {
        select.append($('<option></option>')
              .attr('value',item.c_id)
              .text(item.c_name)); 
    });
}

未经测试但应该可以使用。

Answer 3

您需要创建选项标签以填充您的选择

$('#city_select').empty();
for (var i = 0; i < data.length; i++)
    $('#city_select').append($('<option>').val(data[i].c_id).html(data[i].c_name));

选择地区时捕捉城市

3 个答案: