Как получить выделенное текстовое значение в выпадающем списке choosen.js

Question

У меня проблема в моем выпадающем списке с помощью choosen.js.

У меня есть этот список в MaterialName списке ниспадающего: MaterialName // Идентификатор = "drpMaterial"

MaterialName1 //id="1" Text="MaterialName1" 
MaterialName2 //id="2" Text="MaterialName2" 
MaterialName3 //id="3" Text="MaterialName2" 

Вот моя логика:

Everytime Я выбираю MaterialName я получаю идентификатор и положите в другое текстовое поле с StockNo и я хочу текст, который будет добавлен в мой Таблица данных.

Проблема теперь каждый раз, когда я получаю $ ("# drpMaterial") текст() я получаю три списка (3), которые являются:.

MaterialName1 
MaterialName2 
MaterialName3 

Все, что я хочу get - это тот, который я выбираю.

Вот мой код, я просто хочу оповещениятекста, что я выбираю в списке материалов на данный момент:

$(".chosen-select").chosen({ 
       allow_single_deselect: true, 
       display_selected_options: false, 
       single_backstroke_delete: false, 
       search_contains: true 
      }); 
$("#drpMaterial").change(function() { 
       alert($("#drpMaterial").text()); 
       $("#StockNo").val($("#drpMaterial").val()); 
      }); 

Пожалуйста, помогите ... спасибо.

Answer 1

$("#drpMaterial option:selected").text() 

Описание: Выбирает все элементы, которые выбраны.

Используйте option:selected, чтобы выбрать текст выбранного параметра