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>

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

2 个答案: