There is a selectfield:

<select class="filter"> <option value=1>Name 1</option> <option value=2>Name 2</option> <option value=3>Name 3</option> </select>

I need to select the text of this item when a user selects an item from a selectfield (that is, the user Name 2 chose, I need to get this Name 2). I hung the following handler:

 $(document).on('change','.filter', function (e) { e.preventDefault(); var value = $(this).text(); });

However, the problem is that in this case it takes the text not only from the option of the selected item, it in general pushes all the text from the option into all. How can I solve this problem?

  • use $ (this) .val (); - koks_rs
  • $ (this) .val (); will show only the value, that is, the number. I need text between the <option> tags - Iga

2 answers 2

To get text from select:

  $(this).find(":selected").text();
  • In, a pancake, precisely, I here each dashed off everyones)) - Vadim Leshkevich

 var value; var text; $(document).on('change','.filter', function (e) { e.preventDefault(); value = $(this).val(); $(this).children('option').each(function () { if($(this).val() == value){ text = $(this).text(); } }); alert(text); }); 
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <select class="filter"> <option value=1>Name 1</option> <option value=2>Name 2</option> <option value=3>Name 3</option> </select>