如何在引导模式中选择默认下拉值select2?

丹尼·库尼亚万

我有一个 Bootstrap 模态,里面有一个 select2 下拉菜单:

<div class="modal fade" id="modal_form" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            ...
            <div class="form-group">
                 <label class="control-label col-md-3">Artist</label>
                 <div class="col-md-9">
                    <select name="artist" class="form-control" id="dropartist"></select>
                    <span class="help-block"></span>
                </div>
            </div>

调用引导程序设置下拉菜单时的函数:

$('#modal_form').on('shown.bs.modal', function () {
  console.log("OK");
  $.ajax({
    type: "POST",
    //data: {dropartist: dropartist},
    url: 'Manage/get_artists',
    dataType: 'json',
    success: function(response) {
      var $el = $("#dropartist");
      $el.empty(); // remove old options
      var len = response.length;
      for( var i = 0; i<len; i++){

        var id = response[i]['id'];
        var name = response[i]['name'];

        $el.append("<option value='"+id+"'>"+name+"</option>");
      }
    }
  });
});

将数据加载到 Bootstrap 的函数:

function edit(id){
  save_method = 'update';
  $('#form')[0].reset(); // reset form on modals
  $('.form-group').removeClass('has-error'); // clear error class
  $('.help-block').empty(); // clear error string    
  //Ajax Load data to modal
  $.ajax({
    url : "<?php echo base_url('Manage/edit')?>/" + id,
    type: "GET",
    dataType: "JSON",
    success: function(data)
    {

      $('[name="id"]').val(data.id);
      $('[name="name"]').val(data.name);
      $("#dropartist").val(data.artistid).trigger("change"); //select dropdown default 
      $('[name="reason"]').val(data.reason);
      $('#modal_form').modal('show'); // show bootstrap modal when complete loaded
      $('.modal-title').text('Edit Artist'); // Set title to Bootstrap modal title

    },
    error: function (jqXHR, textStatus, errorThrown)
    {
      alert('Error get data from ajax');
    }
  });
}

我尝试选择下拉菜单,但它不起作用。我该如何解决这个问题?非常感谢您在此问题上的时间和帮助。

丹尼·库尼亚万

已修复,我获得了所有下拉值并在我的 php 控制器中选择了正确的值,并通过 ajax 传递到引导模式。感谢@KHansen 的建议。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Select2在Bootstrap模式中选择

来自分类Dev

如何在jQuery select2远程选择框中设置默认选定值的顺序?

来自分类Dev

如何使用从Select2下拉列表中选择的选项来触发jQuery?

来自分类Dev

Select2:如何允许用户从默认列表中选择但接受新字符串?

来自分类Dev

如何在引导3表单水平模式下显示带有select2的标签?

来自分类Dev

设置在select2插件中选择的最小值

来自分类Dev

如何在select2 JavaScript multiselect中选择所有选项

来自分类Dev

select2在多个选择中显示默认值

来自分类Dev

select2在多个选择中显示默认值

来自分类Dev

如何避免在select2 gem中选择提示

来自分类Dev

如何在select2 yii2中设置选定或默认值?

来自分类Dev

如何在jQuery下拉列表中选择值

来自分类Dev

如何使用 ng-selected 在 angularjs 中选择 select2 ui.select 中的选定值

来自分类Dev

如何在Select2框架中将占位符用作默认值

来自分类Dev

无法在Select2下拉菜单中选择项目

来自分类Dev

从select2下拉列表中选择某个选项后触发动作

来自分类Dev

无法从select2下拉列表中选择结果

来自分类Dev

如何在Android下拉列表中添加默认选择的值

来自分类Dev

select2如何获取默认值

来自分类Dev

如何在select2插件中设置选择值-jQuery

来自分类Dev

删除选择的默认项目SELECT2

来自分类Dev

Select2,为“单选”下拉菜单设置默认值

来自分类Dev

使用Jquery select2使用optiongroup设置下拉列表的默认值

来自分类Dev

如何使用枚举添加在下拉列表中选择的默认值?

来自分类Dev

角度:如何显示下拉菜单中选择的默认值

来自分类Dev

如何在从下拉列表中选择值时刷新所有下拉列表

来自分类Dev

esc键关闭引导程序模式,但不关闭其中的select2下拉列表

来自分类Dev

使用jquery在引导多选中选择默认值

来自分类Dev

如何使用“ Select2”预先选择值

Related 相关文章

  1. 1

    Select2在Bootstrap模式中选择

  2. 2

    如何在jQuery select2远程选择框中设置默认选定值的顺序?

  3. 3

    如何使用从Select2下拉列表中选择的选项来触发jQuery?

  4. 4

    Select2:如何允许用户从默认列表中选择但接受新字符串?

  5. 5

    如何在引导3表单水平模式下显示带有select2的标签?

  6. 6

    设置在select2插件中选择的最小值

  7. 7

    如何在select2 JavaScript multiselect中选择所有选项

  8. 8

    select2在多个选择中显示默认值

  9. 9

    select2在多个选择中显示默认值

  10. 10

    如何避免在select2 gem中选择提示

  11. 11

    如何在select2 yii2中设置选定或默认值?

  12. 12

    如何在jQuery下拉列表中选择值

  13. 13

    如何使用 ng-selected 在 angularjs 中选择 select2 ui.select 中的选定值

  14. 14

    如何在Select2框架中将占位符用作默认值

  15. 15

    无法在Select2下拉菜单中选择项目

  16. 16

    从select2下拉列表中选择某个选项后触发动作

  17. 17

    无法从select2下拉列表中选择结果

  18. 18

    如何在Android下拉列表中添加默认选择的值

  19. 19

    select2如何获取默认值

  20. 20

    如何在select2插件中设置选择值-jQuery

  21. 21

    删除选择的默认项目SELECT2

  22. 22

    Select2,为“单选”下拉菜单设置默认值

  23. 23

    使用Jquery select2使用optiongroup设置下拉列表的默认值

  24. 24

    如何使用枚举添加在下拉列表中选择的默认值?

  25. 25

    角度:如何显示下拉菜单中选择的默认值

  26. 26

    如何在从下拉列表中选择值时刷新所有下拉列表

  27. 27

    esc键关闭引导程序模式,但不关闭其中的select2下拉列表

  28. 28

    使用jquery在引导多选中选择默认值

  29. 29

    如何使用“ Select2”预先选择值

热门标签

归档