在模态中选择选项ajax

时间:2017-04-21 03:52:17

标签: javascript jquery ajax twitter-bootstrap

我的模态有问题,我有模态,在我的模态中我有选择工厂,我选择使用ajax jQuery这样

$('#fFactory').change(function(e) {
  $.ajax({
    type: "POST",
    url: host + "budget/FFactory",
    data: dataString,
    cache: false,
    success: function(data) {
      console.log($("#fFactory").html(data));
    }
  });
});

但我的问题是,我的选择选项不会在modal中工作。如何在模态中触发我的选择选项?

我的HTML:

<?php
    $json = array();

    if($data['title']=='additem')
    {
        $json['title'] = 'Add Item';
    }
    else
    {
        $json['title'] = 'Add Item';
    }

    $json['body'] = '<div class="row">
                        <div class="col-sm-12">
                            <div class="form-group">
                                <label for="exampleInputEmail1">
                                    Factory
                                </label>
                                <select id="fFactory" class="form-control input-sm">
                                </select>
                            </div>
                            <div class="form-group">
                                <label for="exampleInputPassword1">
                                    Password
                                </label>
                                <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
                            </div>
                        </div>
                     </div>';       
    $json['footer'] = '<button type="button" class="btn btn-primary btn-o modal-close pull-left" data-dismiss="modal">
                        close
                    </button>';


    // var_dump($json);
    echo json_encode($json);
?>

我正在使用json。关于活动模态的jQuery

$('#addbudget').click(function(){
            var code = "";
            var modal = $('.bs-modal-lg');
            var modalData = jQuery.parseJSON(ajaxPOST(code,'budget/form/additem',null,true));
            modal.find('.modal-title').html(modalData.title);
            modal.find('.modal-body').html(modalData.body);
            modal.find('.modal-footer').html(modalData.footer);

            modal.modal('show');
        });

更新:

我有多傻,我在json上错了,我忘了添加函数init:在jQuery上它现在可以工作了。我很惭愧,我很抱歉。感谢所有再次帮助我的人:)

0 个答案:

没有答案