8

I have an select box

<select name="type1">
   <option value="1">Laser Printer</option>
   <option value="2">Line Printer</option>
</select>

Now I have a button with id #New1 when this button gets clicked I need to display the value between the option tag that was selected. Eg if Laser Printer is selected I need to get Laser Printer and not 1

My code thus far

alert($("select[name=type1]:selected").val().text()); but this returns undefined

Elitmiar
  • 35,072
  • 73
  • 180
  • 229

1 Answers1

10

You need to get the text of the selected option:

alert($("select[name='type1'] option:selected").text());
Digital Plane
  • 37,354
  • 7
  • 57
  • 59
  • Which is equivalent to `alert($('select[name=type1]').find('option:selected').text());`, if that syntax feels more familiar, like if you already have your select in a cached variable -- `alert($mySelect.find('option:selected').text());` – ruffin Mar 02 '16 at 21:43
  • This answer doesn't cover multiple selects. – Gelmir May 09 '16 at 09:54