Question

我有问题用bootstrap显示data-id。当我点击按钮时，它不会动态显示该值，并且需要在2-3次之间刷新页面以更改值（刷新）。这是我的代码＆lt; a class =＆＃34; btn btn-warning btn-xs＆＃34; HREF =＆＃34;＃模态形式编辑＆＃34;的rel =＆＃34;按钮＆＃34;数据肘节=＆＃34;模态＆＃34;数据-ID =＆＃34; 1＆＃34; ＆GT;编辑＆LT; / A＆GT; ＆lt; a class =＆＃34; btn btn-warning btn-xs＆＃34; HREF =＆＃34;＃模态形式编辑＆＃34;的rel =＆＃34;按钮＆＃34;数据肘节=＆＃34;模态＆＃34;数据-ID =＆＃34; 1＆＃34; ＆GT;编辑＆LT; / A＆GT; 语气＆lt; div id =＆＃34; modal-form-edit＆＃34; class =＆＃34; modal fade＆＃34;角色=＆＃34;对话框＆＃34;＆GT; ＆lt; div class =＆＃34; modal-dialog＆＃34;＆gt; ＆lt; div class =＆＃34; modal-content＆＃34;＆gt; ＆lt; div class =＆＃34; modal-header＆＃34;＆gt; ..... ＆LT; / DIV＆GT; ＆lt; div class =＆＃34; modal-body＆＃34;＆gt; ＆lt; div class =＆＃34; item form-group＆＃34;＆gt; ＆lt; label class =＆＃34; control-label col-md-3 col-sm-3 col-xs-12＆＃34;＆gt;图书清单＆lt; span class =＆＃34; required＆＃34;＆gt; * ＆LT; /跨度＆GT;＆LT; /标签＆gt; ＆lt; div class =＆＃34; col-md-6 col-sm-6 col-xs-12＆＃34;＆gt; ＆lt; select class =＆＃34; select2_single form-control＆＃34;的tabindex =＆＃34; -1＆＃34;数据宽度=＆＃34; 100％＆＃34;命名=＆＃34;书＆＃34; ID =＆＃34;书＆＃34;需要=＆＃34;需＆＃34;＆GT; ＆lt; option id =＆＃34; book＆＃34;值=＆＃34;＆＃34;选定=＆＃34;选择＆＃34;＆GT;＆LT; /选项＆GT; ＆lt; option id =＆＃34; book＆＃34;值=＆＃34; 1＆＃34; ＆gt; book 1＆lt; / option＆gt; ＆lt; option id =＆＃34; book＆＃34;值=＆＃34; 2＆＃34; ＆gt; book 2＆lt; / option＆gt; ＆LT; /选择＆GT; ＆LT; / DIV＆GT; ＆LT; / DIV＆GT; ＆LT; / DIV＆GT; ＆LT; / DIV＆GT; ＆LT; / DIV＆GT; JS ＆LT;脚本＆GT; $（＆＃39;＃modal-form-edit＆＃39;）。on（＆＃39; show.bs.modal＆＃39;，function（e）{ var books-id = $（e.relatedTarget）.data（＆＃39; id＆＃39;）; $（＆＃34;＃书＆＃34;）。VAL（书-ID）; }）; ＆LT; /脚本＆GT; 在那里有任何错误的代码？在此之前感谢您的帮助（对不起我的英语）

Answer 1

尝试一次，

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

我已经给出了saperate类，并且变量声明是错误的，-被视为minus使用_。

DEMO

Answer 2

尝试：

inspect

将data-id显示为<select> boostrap模态

2 个答案: