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

如何从下拉列表中获取所选文本？在因索取副本而将我钉在十字架上之前，我读过： 和 并尝试了这些页面中的以下代码变体：

<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());

试一试

$（文档）.ready（函数（）{
$（“#”）更改（函数（e）{
警报（$（“#选项：选中”）.text（）；
});
});

之所以使用

，是因为在HTML中，ID

ddlpuber

被转换为类似

ctl00$mainContentPane$ddlpuber

的内容，以确保页面上的ID唯一。这就是JavaScript找不到它的原因

或者您可以使用下拉列表中的属性

ClientIDMode=“Static”

在HTML中保持ID名称不变，但我不建议这样做。

试试看

$（文档）.ready（函数（）{
$（“#”）更改（函数（e）{
警报（$（“#选项：选中”）.text（）；
});
});

之所以使用

，是因为在HTML中，ID

ddlpuber

被转换为类似

ctl00$mainContentPane$ddlpuber

的内容，以确保页面上的ID唯一。这就是JavaScript找不到它的原因

---

或者，您可以使用下拉列表中的属性

ClientIDMode=“Static”

在HTML中保持ID名称不变，但我不建议这样做。

此代码用于使用jQuery显示所选项目。ddlItem是dropdownlist的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>

$（文档）.ready（函数（）{
$（“#ddlItem”）.change（函数（）{
var ddlItem=document.getElementById（“”）；
var selectedText1=ddlItem.options[ddlItem.selectedIndex].innerHTML；
警报（“您选择：”+selectedText1）；
});
});

此代码用于使用jQuery显示所选项目。ddlItem是dropdownlist的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>

$（文档）.ready（函数（）{
$（“#ddlItem”）.change（函数（）{
var ddlItem=document.getElementById（“”）；
var selectedText1=ddlItem.options[ddlItem.selectedIndex].innerHTML；
警报（“您选择：”+selectedText1）；
});
});

感谢您的建议，在Chrome中收到此错误：

未捕获类型错误：无法读取null的属性“text”

它在Chrome、FF等中在此处工作。请检查是否没有拼写错误。抱歉，应该提到我正在使用按钮单击来引发警报窗口。我复制并粘贴了你写的东西。我收到此错误：

未捕获类型错误：$不是函数

。此外，我还必须编写

警报（$get…

），否则我会得到一个空错误（这是我唯一更改的部分）。您的页面上有jQuery吗？如果有，请尝试将

$

替换为

jQuery

，如

jQuery（文档）.ready

没问题，我们是来帮助和学习的。在HTML页面

的

中添加这一行。有关更多信息，请访问。感谢您的建议，在Chrome中收到此错误：

未捕获类型错误：无法读取null的属性“text”

它在Chrome、FF等中工作。检查是否没有拼写错误。抱歉，s我应该提到我使用了一个按钮点击来打开警报窗口。我复制并粘贴了你写的内容。我收到了这个错误：

uncaughttypeerror:$不是一个函数

。另外，我必须写

alert（$get…

），否则我会得到一个空错误（这是我唯一更改的部分）您的页面上有jQuery吗？如果有，请尝试将

$

替换为

jQuery

，如

jQuery（文档）。准备好了

没问题，我们在这里提供帮助和学习。将这一行添加到HTML页面

的

中。有关更多信息，请访问

<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>