select2与<section> </section>不起作用

Question

我对select2有疑问。 这可以吗？

如果我选择第一个元素，例如。 ID 1我无法再选择ID 2了。但我从中选择第3个元素可能是select2和1而不是相反。

＆＃13;

＆＃13;

var data = [
    {
        id: 0,
        text: 'enhancement'
    },
    {
        id: 1,
        text: 'bug'
    },
    {
        id: 2,
        text: 'duplicate'
    },
    {
        id: 3,
        text: 'invalid'
    }
];

$(".tmp").select2({
  data: data
})

＆＃13;

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>

<!-- doesn't work -->
<p>
doesn´t work
</p>
<section class="tmp"></section>
<p>work</p>
<!--  work -->
<select class="tmp"></select>

＆＃13;

＆＃13;

＆＃13;

Answer 1

由于你的标签，你的第一个选择不起作用。

更改

<section class="tmp"></section>

到

<select class="tmp"></select>

两者现在都可以使用