向 <select> 引导模式显示数据 ID答案

【问题标题】：show data-id to <select> boostrap modal向 <select> 引导模式显示数据 ID
【发布时间】：2015-11-17 04:51:29
【问题描述】：

我在使用引导程序显示数据 ID 时遇到问题。当我单击按钮时，它不会动态显示值，需要刷新页面 2-3 次才能更改值（刷新）。

这是我的代码

<a class="btn btn-warning btn-xs" href="#modal-form-edit" rel="button" data-toggle="modal" data-id="1" > Edit</a>
<a class="btn btn-warning btn-xs" href="#modal-form-edit" rel="button" data-toggle="modal" data-id="1" > Edit</a>

模态

<div id="modal-form-edit" class="modal fade" role="dialog">
<div class="modal-dialog">
    <div class="modal-content">
        <div class="modal-header">
            .....
        </div>  
        <div class="modal-body">
            <div class="item form-group">
                    <label class="control-label col-md-3 col-sm-3 col-xs-12">Book list <span class="required">*</span></label>
                    <div class="col-md-6 col-sm-6 col-xs-12">
                        <select class="select2_single form-control" tabindex="-1" data-width="100%" name="book" id="book" required="required">
                            <option id="book" value="" selected="selected"></option>
                            <option id="book" value="1" >book 1</option>
                            <option id="book" value="2" >book 2</option>
                        </select>
                    </div>
            </div>
        </div>
    </div>
 </div>

<script>
 $('#modal-form-edit').on('show.bs.modal', function(e) {
  var books-id = $(e.relatedTarget).data('id');
  $("#book").val(books-id);
 });
</script>

那里有错误的代码吗？

感谢之前的任何帮助（对不起我的英语）

【问题讨论】：

$("book").val(books-id); 如果使用 id 或 . 则缺少 #
为什么你使用同一个名为“book”的ID来多个？
变量名怎么可能包含`-`？？你没有收到任何错误吗？
你只能给select标签提供id。也不需要给option标签
您将id 提供给选项，请将其删除。同时创建一个小提琴。

标签： javascript php jquery twitter-bootstrap codeigniter

【解决方案1】：

这样尝试一次，

$('.atag').on('click', function(e) {
     var books = $(this).attr('data-id');
     $("#book").val(books);
 });

我给了单独的类，变量声明错误，-被认为是minus，改用_。

DEMO

【讨论】：

【解决方案2】：

试试：

$('#modal-form-edit').on('show.bs.modal', function(e) {
  var books_id = $(this).data('id');
  $('.select2_single option[value="'+books_id+'"]').attr('selected','selected');
 });

【讨论】：

变量声明有错误。 See Demo。要获得警报，请将 - 替换为 _。