将实际的 OPTION 值添加到 CHOSEN 生成的 LI

Question

我正在使用 CHOSEN 1.3.0 结合 JQuery SORTABLE 生成多 select 列表下拉列表。

用户可以 select 将多个元素添加到 select 列表中，最重要的是，可以对这些元素进行排序。（我合并了 JQuery SORTABLE 和 JQuery CHOSEN）

这是我可以获得该 CHOSEN 下拉列表中已排序元素的代码。

$('.chosen-choices').sortable({
    stop: function(event, ui) {
        var data = "";
        $(".chosen-choices li").each(function(i, el){
            var p = $(el).text().toLowerCase().replace(" ", "_");
            data += p + "=" + $(el).index() + ",";
        });
        console.log(data);
    }
});

但我只能按顺序获取那些已排序元素的索引，而不是这些选项的实际 value。

如您所知，CHOSEN 生成的 LI 是这样的。

<ul class="chosen-choices ui-sortable">
    <li class="search-choice ui-sortable-handle">
        <span>Karachi</span>
        <a class="search-choice-close" data-option-array-index="0"></a>
    </li>
</ul>

准确地说是我的问题。如果我的实际 Select 列表中有 <option value="19">Karachi</option>，我该如何要求 CHOSEN 生成

<li class="search-choice ui-sortable-handle" value="19">
    <span>Karachi</span>
    <a class="search-choice-close" data-option-array-index="0"></a>
</li>

我有 value 个标签

Answer 1

在您的 Chosen.JS

中搜索该行

return c=a("<li />",{"class":"search-choice"})

并修改成这样

return c=a("<li />",{"class":"search-choice", "value":b.value})

将实际的 OPTION 值添加到 CHOSEN 生成的 LI

Add actual OPTION values to the LIs generated by CHOSEN

jquery

jquery-ui-sortable

jquery-chosen