如何在Choosen.js下拉列表中获取选定的文本值

Question

我在使用selectn.js的下拉列表中遇到问题。

我在MaterialName下拉列表中有此列表：MaterialName // id =“ drpMaterial”

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

这是我的逻辑：

每次选择MaterialName时，我都会获得id并将其与StockNo一起放入另一个文本字段中，并且希望将文本添加到数据表中。

现在的问题是，每当我获得$（“＃drpMaterial”）。text（）时，我都会得到三（3）列表，它们是：

MaterialName1 
MaterialName2  
MaterialName3

我想要得到的就是我选择的那个。

这是我的代码，我只想提醒我现在在“材料”下拉列表中选择的文本：

$(".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选择所选选项的文本