问如何在select2中添加数据属性
EN

Stack Overflow用户

提问于 2016-06-13 05:11:34

回答 1查看 2.4K关注 0票数 0

我有一个使用select2的脚本。

$.getJSON('/dev/api/reference?id='+ id+ '&cb='+cb, function(data){
        data = $.map(data, function(pay){
         return {id: pay.po_no, text: 'PO-'+pad(pay.po_no,8),};
        });
        $(".reference").select2({
            minimumInputLength: 1,
            multiple: false,
            data: data
        });
    });

结果是：

<select  class="reference form-control" data-width="100%" style="background-color: #faf2cc;">
    <option value="1">PO-00000001</option>
    <option value="1">PO-00000001</option>
    <option value="2">PO-00000002</option>
</select>

我的问题是，如何添加属性‘数据类型’的内部选项？我想称之为数据属性，我喜欢这样：

<option value="1" data-id="1">PO-00000001</option>
<option value="1" data-id="2">PO-00000001</option>
<option value="2" data-id="3">PO-00000002</option>

jquery

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-06-13 05:14:57

$( document ).ready(function() {
 var i = 1;
 $(".reference > option").each(function() { // iterate through all options of selectbox
    $(this).attr('data-id',i); // add attribute to option with value of i
    i++; // increment i
 });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
<select  class="reference form-control" data-width="100%" style="background-color: #faf2cc;">
    <option value="1">PO-00000001</option>
    <option value="1">PO-00000001</option>
    <option value="2">PO-00000002</option>
</select>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/37782209

复制

相似问题

问如何在select2中添加数据属性
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在select2中添加数据属性EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在select2中添加数据属性
EN