Професионална програма
Loading...
Losko avatar 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])
    }
}

Крайната цел е когато се избере главна категиря динамично да се сменя суб категорията.
Тагове:
0
Общи приказки
cvetomirG avatar 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, винаги съм ползвал копи пейст от стак овърфлоу.

 

0
14/11/2016 12:49:28
Losko avatar Losko 69 Точки

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

0
cvetomirG avatar cvetomirG 132 Точки

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

 

0
Losko avatar Losko 69 Точки

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

0