Question

我有以下HTML代码：

<select class = "form-control">
    <option value="0">sometext</option>
    <option value="1">sometext <span class="myclass1">someothertext</span></option>
    <option value="2">sometext <span class="myclass2">someothertext</span></option>
    <option value="3">sometext <span class="myclass3">someothertext</span></option>
    <option value="4">sometext <span class="myclass4">someothertext</span></option>
</select>

当我使用＆＃34;检查元素＆＃34;在浏览器（Chrome＆amp; Mozilla）中，缺少span标记，但someothertext没有span。如果我在新页面中检查源代码，请使用右键单击 - ＆gt;查看源页面，span标记就在那里。

我有一个JQuery代码，用于处理具有特定类的span标记。选择标记之外的每个范围都有效，期望这些人失踪。

使用＆＃34;复制＆＃34;中的Select2 Jquery插件更新我的问题答案。 我下载了Select2 jquery插件并尝试使用它来包含span标签。

<select id="selectid">
        <option value="0" data-foo="">sometext</option>
        <option value="1" data-foo="myclass1">sometext</option>
        <option value="2" data-foo="myclass2">sometext</option>
        <option value="3" data-foo="myclass3">sometext</option>
        <option value="4" data-foo="myclass4">sometext</option>
</select>

<script src="/static/js/jquery.js"></script>
<script src="/static/js/select2.js"></script>
   <script type="text/javascript">
   function format(state) {
    var originalOption = state.element;

    return state.text + " " + "<span class='"+ $(originalOption).data('foo') + "'>" + $(originalOption).data('foo') +  "</span>" ;
   }
   $("#selectid").select2({
    minimumResultsForSearch: -1,
    formatResult: format,
    formatSelection: format,
    escapeMarkup: function(m) { return m; }
   });
 </script>

<script src="/static/js/mycustomjs.js"></script>

该插件将源代码更改为div，并在选项中包含span标记。但即使我在select2.js之后调用mycustom js，它似乎仍然没有用。在其他任何方面，它都有效。

跨度标签从源代码中消失 - 请改用Select2

0 个答案: