Выпадающий список объектов

Question

У меня есть пустой выпадающий список в HTML. Я пытаюсь добавить новый атрибут в список, используя метод .createElement ('option'). Однако элемент, который я хочу добавить, имеет имя, адрес и номер телефона, так как я могу добавить в качестве раскрывающегося списка как объект? Спасибо, что прочитали.

Answer 1

Я не уверен, если это то, что вы хотите, я получил его от https://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/add

var sel = document.getElementById("existingList"); 

var opt = document.createElement("option"); 
opt.value = "3"; 
opt.text = "Option: Value 3"; 

sel.add(opt, sel.options[1]); 

[Edit]

Im довольно tierd и код не является лучшим. Возможно, вы можете поиграть с ним и посмотреть, соответствует ли он вашему коду.

var sel = document.createElement("droplist"); 
var opt1 = document.createElement("OPTION"); 
var opt2 = document.createElement("OPTION"); 
var opt3 = document.createElement("OPTION"); 

var information = { 
    names: ["nameOne", "nameTwo"], 
    addresses: ["adressOne", "adressTwo"], 
    names: ["phoneOne", "phoneTwo"], 
    informationFunction: function additem(){ 
    opt1.value = "1"; 
    opt1.text = this.addresses[0];  
    opt2.value = "2"; 
    opt2.text = this.addresses[1];  
    opt3.value = "3"; 
    opt3.text = this.addresses[3]; 
    sel.appendChild(opt1); 
    sel.appendChild(opt2); 
    sel.appendChild(opt3); 
    } 
}; 
information.informationFunction();