从下拉列表 asp.net 中获取选定的文本

Question

如何从下拉列表中获取选定的文本？在将我钉在十字架上要求复制之前，我已阅读： Get selected text from a drop-down list (select box) using jQuery 和 Get selected text from a drop-down list (select box) using jQuery 并从这些页面尝试了以下代码变体：

<asp:DropDownList ID="DDLSuburb" runat="server">
</asp:DropDownList>

alert($get("[id*='DDLsuburb'] :selected"));
alert($("[id*='DDLsuburb'] :selected"));
alert($get("#DDLsuburb option:selected"));
alert($get("DDLsuburb option:selected"));
alert($get("#DDLsuburb :selected").text());
alert($get("DDLsuburb :selected").text());
alert($get("DDLSuburb", Text));
alert($get(DDLSuburb, Text).toString());
alert($get("DDLSuburb", Text).toString());
alert($get("DDLSuburb").html());
alert($get("DDLSuburb :selected").html());
alert($get("DDLSuburb option:selected").html());
alert($get(DDLSuburb).textContent());
alert($get(DDLSuburb).innerHTML());
alert($get(DDLSuburb).innerHTML.toString());
alert($get("DDLSuburb").text());
alert($get("DDLSuburb").valueOf("DDLSuburb"));
alert($get("DDLSuburb").valueOf());

注意事项： 1. 我正在使用警报进行故障排除。 2. 我知道第一部分应该是($get("DDLSuburb")，而不是不带引号的选项。 Visual Studio 2015，ASP.net。

编辑：尝试通过单击按钮来引发警报：

<input type="button" value="Get Postcode" onclick="onClick()" />
 <script type="text/javascript">
    var onClick = function () {
        alert($get("DDLSuburb")...);
        }

Answer 1

试试

<script type="text/javascript">
    $(document).ready(function () {
        $("#<%=DDLSuburb.ClientID %>").change(function (e) {
            alert($("#<%=DDLSuburb.ClientID %> option:selected").text());
        });
    });
</script>

之所以使用<%=DDLSuburb.ClientID %>，是因为在HTML 中，ID DDLSuburb 被翻译成ctl00$mainContentPane$DDLSuburb 之类的东西，以确保页面上的唯一ID。这就是你的 JavaScript 找不到它的原因。

或者你可以使用DropDown中的属性ClientIDMode="Static"来保持HTML中的ID名称相同，但我不推荐这样做。

Answer 2

此代码用于使用 jQuery 显示所选项目。 ddlItem 是下拉列表的 id。

<script>
    $(document).ready(function () {
        $("#ddlItem").change(function () {
            var ddlItem = document.getElementById("<%= ddlItem.ClientID %>");
            var selectedText1= ddlItem.options[ddlItem.selectedIndex].innerHTML;

            alert("You selected :" + selectedText1);

        });
    });
</script>