There’s an easier way that doesn’t require you to go into the options tag: $(“div.id_100 select”).val(“val2”); Check out the this jQuery method. NOTE: The above code does not trigger the change event. You need to call it like this for full compatibility: $(“div.id_100 select”).val(“val2”).change();
$(‘#mySelect’) .find(‘option’) .remove() .end() .append(‘<option value=”whatever”>text</option>’) .val(‘whatever’) ;
If you’d like to get the option with a value of 2, use $(“#list option[value=”2″]”).text(); If you’d like to get whichever option is currently selected, use $(“#list option:selected”).text();
The same as other answers, in a jQuery fashion: $.each(selectValues, function(key, value) { $(‘#mySelect’) .append($(“<option></option>”) .attr(“value”, key) .text(value)); });
Set selected=”selected” for the option you want to be the default. <option selected=”selected”> 3 </option>
A non-CSS – no JavaScript/jQuery answer: <label>Option name <select> <option value=”” disabled selected>Select your option</option> <option value=”hurr”>Durr</option> </select> </label> Update (December 2021): This works for latest Firefox, Chrome, and Safari. It used to not work for many browsers in the past, as pointed out in the comments.
Given a select element that looks like this: <select id=”ddlViewBy”> <option value=”1″>test1</option> <option value=”2″ selected=”selected”>test2</option> <option value=”3″>test3</option> </select> Running this code: var e = document.getElementById(“ddlViewBy”); var value = e.value; var text = e.options[e.selectedIndex].text; Results in: value == 2 text == “test2” Interactive example: var e = document.getElementById(“ddlViewBy”); function onChange() { var value = e.value; var … Read more