Я видел другой ответ, используя метод .render для визуализации атрибута данных непосредственно в html.
. В настоящее время я использую .addOption для отображения опций в моем раскрывающемся списке после получения данных, поэтому метод .render не будет работать (по крайней мере для меня)
Как добавить еще один атрибут с именем unit в опцию через addOption?
$('#addItem').click(function(){
i++;
var addItem = '<tr id="row'+i+'"><td class="item"><select name="item" class="itemSelect'+i+'"> <option value="">Select an item</option></select></td><td class="unit"></td><td class="quantity"></td><td class="price"></td><td class="total"></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>';
$(addItem).insertBefore('#total');
$('.itemSelect'+i).selectize({
sortField: 'text'
// labelField: 'text'
});
var selectize = $(".itemSelect"+i)[0].selectize;
const keys = Object.keys(temp)
for (const key of keys) {
//Currently using add Option
selectize.addOption({
value: temp[key].material_unique_key,
text: temp[key].material_name,
unit: temp[key].material_unit
});
}
});