[RESOLVED] Get selected option for a <select> by <select> id?

[captainscall]

So I've got

<select id="timein1">
and <option value="00:00">00:00</option><option>...etc....</option>
</select>

How do I get the selected option's value? I am trying this:

document.getElementById('timein1').onchange = domyfunction();

domyfunction()
{
console.log('the function was triggered...');
console.log(document.getElementById('timein1').option.selected);
}

c'mon it's gotta be something easy

[captainscall]

Easy it was. Found the solution:

document.getElementById("myselect").options[0].value //accesses value attribute of 1st option
document.getElementById("myselect").options[0].text //accesses text of 1st option

Hope it helps somebody

[bullseye2346]

You could do it with jquery which is basically what you are doing


http://api.jquery.com/selected-selector/

<script>

    $("select").change(function () {
          var str = "";
          $("select option:selected").each(function () {
                str += $(this).text() + " ";
              });
          $("div").text(str);
        })
        .trigger('change');
</script>

[xelawho]

from the looks of your question, I don't think you are quite right. What you are getting now is the text and value of the first option in the list, regardless of which option is selected. in plain js you can use this.value and this.options[this.selectedIndex].text

loading jQuery for this simple task would be overkill

have a look at the different outputs that you get onchange:

<script type="text/javascript">
document.getElementById('timein1').onchange = function(){
console.log(this.options[0].value);
console.log(this.options[0].text);
console.log(this.value);
console.log(this.options[this.selectedIndex].text);
}
</script>

[captainscall]

Yeah, thanks. I learned later about this.selectedIndex