Jquery从下拉列表中获取SelectedText

Question

我正在尝试使用 Jquery 从下拉列表中获取选定的文本。

<div>
    @Html.DropDownList("SelectedCountryId", Model.CountryList, "(Select one Country)")
</div>

下面给出的是我正在使用的 Jquery。但这是行不通的。我试过了

var selectedText1 = $("#SelectedCountryId").val($(this).find(":selected").text()); 

并且正在返回[object object]。但如何读取选定的文本呢？

接下来我尝试了

var selectedText2 = $("#SelectedCountryId:selected").text();

然后它返回空。

我也尝试过

var selectedText2 = $("#SelectedCountryId option:selected").text();

这也返回空。

我可以使用返回选定的ID

var selectedID = $("#SelectedCountryId").val();

但为什么不是选定的文本呢？

我的 Jquery 有什么问题吗？请帮忙

<script src="@Url.Content("~/Scripts/jquery-1.5.1.js")" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#SelectedCountryId").change(function () {

                var selectedText1 = $("#SelectedCountryId").val($(this).find(":selected").text());
                var selectedText2 = $("#SelectedCountryId:selected").text();
                alert("You selected :" + selectedText1 + selectedText2 );


            });

这是下面我的下拉列表的 HTML

<select id="SelectedCountryId" name="SelectedCountryId"><option value="">(Select one Country)</option>
<option value="19">USA</option>
<option value="10">Germany</option>
<option value="12">Australia</option> </select>

Answer 1

我昨天也遇到了同样的问题:-)

$("#SelectedCountryId option:selected").text()

我还了解到这很慢，如果您想经常使用它，您可能应该使用其他东西。

我不知道为什么你的不起作用，这个是给我的，也许其他人可以帮忙......