jquery - 如何获取 selected.js 下拉列表中选定的文本值

Question

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

我在MaterialName下拉列表中有这个列表: Material 名称//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

我想要的只是我选择的。

这是我的代码，我现在只想提醒我在 Material 下拉列表中选择的文本:

$(".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()

Description: Selects all elements that are selected.

使用option:selected选择所选选项的文本