How to select the label of an <option> given its value, and given a name for the <select>

Question

Given the following code:

<select name='starttime' onChange='cells(this);'><option value='1'>2004Q1</option><option value='2'>2004Q2</option></select>
<select name='endtime' onChange='cells(this);'><option value='48'>2015Q4</option><option value='47'>2015Q3</option></select>

How can I access the text of say, the option with value = 1 of the "starttime" <select> (ie 2004Q1)? I can access the value of this element by using the following jQuery code:

$('[name=starttime]').val()

However, I'd like to instead specify a value and name, and get the associated text.

Answer 1

Is this what you need?

 console.log($('[name="starttime"] [value="1"]').text()); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select name="starttime"> <option value="1">2004Q1</option> <option value="2">2004Q2</option> </select> <select name="endtime"> <option value="48">2015Q4</option> <option value="47">2015Q3</option> </select>