Динамично създаване на опции в селект.

Losko 69 Точки

Динамично създаване на опции в селект.

Здравейте.
Опитвам се да направя функция с JS която да ми създава конкретни <option> избори в <select>, но за сега успях да създам само 1 при всяко

извинкване на фунцията, а целта е това да се случи само при първото избиране.
Ето го и краткия код:

function getCategory() {
    let category = document.getElementById("category").value.toString()
    let subCategory = document.getElementById("subCategory")
    var option = document.createElement("option");
    if (category.toString() == "Graphics") {
        option.text = "Photography"
        subCategory.add(option, subCategory[1])
        option.text = "Drawings"
        subCategory.add(option, subCategory[1])
        option.text = "3D Models"
        subCategory.add(option, subCategory[1])
        option.text = "Other"
        subCategory.add(option, subCategory[1])
    }
}

Крайната цел е когато се избере главна категиря динамично да се сменя суб категорията.

Тагове:

07/11/2016 19:55:22 Общи приказки

Виж всички отговори

cvetomirG 132 Точки

function onLoad() {

  var type = new Array("Saab","Volvo","BMW");

    var $select = $("select[name='XXXXXType']")
    alert($select);
    $(type).each(function(i, v){
        $select.append($("<option>", { value: v, html: v }));
      });

Колега, нещо такова ли? По-удачно е с JQuery. Или пък така

$("<option></option>", 
     {value: "999", text: "Nine Ninety Nine"})
    .appendTo('.select-group');

Когато ми се е налагало да пиша някакъв JQuery, винаги съм ползвал копи пейст от стак овърфлоу.

14/11/2016 12:49:08 14/11/2016 12:49:28

Losko 69 Точки

Не но аз се оправих... :)

14/11/2016 16:58:56

cvetomirG 132 Точки

Дай кода да видим, решил си си проблема, но го сподели :p

14/11/2016 19:52:02

Losko 69 Точки

Аз се отказах от него, понеже се оказа не рентабилно и дразнещо.
Иначе си правя отделна функция която закачам към селекта с onchange = "function()"
И тук си подавам фунцията която аппендва деца на селекта като option.

14/11/2016 22:02:04

Виж всички отговори