Question

我有多个选择输入，类为seltohide 需要为可见的选项添加选项：

ajax...
success: function(data) {
    var name = 'Blue Sky';
    console.log(data); // result: 5*lorema*loremb
    var id = data.split('*')[0];
    var uname = data.split('*')[1];
    var pass = data.split('*')[2];
    var obj = $('.seltohide:visible');

    var option = document.createElement("option");
    option.value = id;
    option.text = name;
    ...
    obj.add(option);
}

最终结果应该是这样的：

<option value = 5 data-uname = 'lorema' data-pass='loremb'>BLUE SKY</option>

任何帮助？

Answer 1

您可以使用元素的data属性访问dataset属性。

option.dataset.uname = uname;
option.dataset.pass = pass;

或者，既然你正在使用jQuery，你可以在一次调用中创建具有数据属性的对象：

var option = $("<option>", {
    value: id,
    text: name,
    data: {
        uname: uname,
        pass: pass
    }
});
obj.append(option);

动态添加包含数据属性的选项

1 个答案: