Question

I am trying to create a helper method in my JS toolkit that looks like this

var selectOptionValues = [" ","NA","Yes","No"];
var selectedValue = "No";


function CreateSelectList(selectId,selectOptionValues,selectedValue){
// build the selectlist
// if the selectedValue is not null make this value selected
// return select tag
}

I am tried to do something like selectedOption = selectTag[selectedValue] and then selecteOption.selected = true but its not working.

Answer 1

Assuming you’re generating option by creating DOM nodes and the part that isn’t working, is the selected state of the No option. Try selectOption.setAttribute(“selected”,”selected”) – roughly…

var selectOptionValues = [" ","NA","Yes","No"], selectedValue = "No";

function CreateSelectList(selectId,selectOptionValues,selectedValue){
    var selectList = document.createElement("select"), selectOption;
    for (var i=0, totalOptions = selectOptionValues.length; i < totalOptions ; i++) {
        selectOption = document.createElement("option");
        selectOption.value = selectOptionValues[i];
        selectOption.innerText = selectOptionValues[i];
        if (selectOptionValues[i] == selectedValue) {
            selectOption.setAttribute("selected","selected");
        }
        selectList.appendChild(selectOption);
    };
    return selectList;
}