Ronan Dejhero Ronan Dejhero - 1 year ago 83
HTML Question

select <select> item by value

i have

<select id="x">
<option value="5">hi</option>
<option value="7">hi 2</option>

i want a javascript function that enables me to select and display the as default one by id .
in other word , i want to do a setOption(5) and the with the value "5" to be displayed in the combobox as a default .

is that possible ?

Answer Source
function setOption(selectElement, value) {
    var options = selectElement.options;
    for (var i = 0, optionsLength = options.length; i < optionsLength; i++) {
        if (options[i].value == value) {
            selectElement.selectedIndex = i;
            return true;
    return false;

setOption(document.getElementById('my-select'), 'b');

See it!

If it returns false, then the value could not be found :)

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download