How to know the value of an

Question

I made many search but I can not solve my issue.

<select id="my_select">
    <option value="Findme_1">Knowing_1
    <option value="Findme_2">Knowing_2
</select>

In a function, I need to find the value of the option with "Findme_1" in content.

How can I do this please?

EDIT: I do not need to find the value of the selected option, I do not neither need to find the value of an option using its index, I only know the content "Knowing_1" and I want to know the value "Findme_1".

I thought about a loop but may be there are an other more common way?

Please check for an answer before posting a question.There is already a post in SO [Click](http://stackoverflow.com/questions/1085801/how-to-get-the-selected-value-of-dropdownlist-using-javascript) — Buzz LIghtyear, Apr 17 '13 at 17:24
if you can use jQuery then look at [this](http://jsfiddle.net/chauhangs/nmvf6/2058/) — NullPointerException, Apr 17 '13 at 17:38
Yes, sorry not to have said but I can use jQuery. Your answer seems really good, I will check this on my script, thank you. — Delgan, Apr 17 '13 at 17:46
edited my answer to reflect correct solution for others as well — NullPointerException, Apr 17 '13 at 18:13

NullPointerException · Accepted Answer · 2013-04-17T18:12:13.297

0

Use this. example

   $('#my_select').find('option[text="Knowing_1"]').val()

edited Apr 17 '13 at 18:12

answered Apr 17 '13 at 17:22

NullPointerException

3,607
5
23
57

score 0 · Answer 2 · answered Apr 17 '13 at 17:22

0

Use the SelectedIndex property. Check This

answered Apr 17 '13 at 17:22

Buzz LIghtyear

450
5
16

I am not interested about the Selected option, I am working with the "content" of the option. – Delgan Apr 17 '13 at 17:34
How do you obtain the content ? – Buzz LIghtyear Apr 17 '13 at 18:05

score 0 · Answer 3 · answered Apr 17 '13 at 17:23

This will alert the value of the selected option:

(function() {

    var select = document.getElementById('my_select');
    select.addEventListener('change', function(){
        alert( select.options[select.selectedIndex].value );
    });

})();

Also, you should close your option elements:

<select id="my_select">
    <option value="Test_1">Findme_1</option>
    <option value="Test_2">Findme_2</option>
</select>

Full code and preview: http://jsfiddle.net/CX5aq/

score 0 · Answer 4 · answered Apr 17 '13 at 17:24

First of all , your html is not correct, you are missing the close tag. It shuld be like this

<select id="my_select">
    <option value="Test_1">Findme_1 </option>
    <option value="Test_2">Findme_2 </option>
</select>

Then I guess, you are looking to get the value by javascript whenever user selects the dropdown so now write a javascript

<script> 
    document.getElementById('my_select').onchange = function(){

      var my_value = this.value; // you have your new value on the variable my_value

    }; 
</script>

Jonathan Lonowski · Answer 5 · 2013-04-17T17:58:32.807

To find an <option> by its text, you can loop over the options collection and check textContent (standard) or innerText (IE, non-standard):

function valueByText(select, text) {
    var options = select.options;
    var textContent;

    for (var i = 0, l = options.length; i < l; i++) {
        textContent = options[i].textContent || options[i].innerText;

        if (textContent.indexOf(text) >= -1) {
            return options[i].value;
        }
    }

    return null;
}

var result = valueByText(document.getElementById('my_select'), 'Knowing_1');

Example: http://jsfiddle.net/jXpS2/

Also, if you have DOM library available to you, they can help simplify this.

Such as jQuery's :contains() selector:

var result = $('#my_select option:contains("Knowing_1")').val();

Example: http://jsfiddle.net/rcjfj/

How to know the value of an with certain content in JavaScript?

5 Answers5

How to know the value of an