How to set ASP.net dropdownlist index to 0 from the front-end

Question

I have the following code in ASP.net page:

Answer 1

I was using the Chosen Jquery which caused the dropdownlist to not update.

This is the HTML:

    Select a State
    AL
    AK
    AZ

JavaScript which sets the selected index to 0:

function setSelectedIndex(dropdownlist, selVal) {
    var ddl1 = document.getElementById(dropdownlist);
    if (selVal < ddl1.selectedIndex) {
        ddl1.selectedIndex = selVal;

        $(ddl1).val(0).trigger('chosen:updated');
    }
}

That does the trick.