Jquery从下拉列表中获取SelectedText

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

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

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

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

并返回[对象对象]。 但如何阅读选定的文字？

接下来我尝试了

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

然后它回复空。

我也试过了

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

这也返回空。

我能够使用返回selectedID

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>

---

我昨天有同样的问题:-)

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

我还读到这很慢，如果你想经常使用它，你应该使用别的东西。

我不知道你为什么不工作，这一个是为我，也许别人可以帮助...

---

没有下拉ID：

$("#SelectedCountryId").change(function () {
    $('option:selected', $(this)).text();
}

---

问题可能在这一行上：

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

它正在查找SelectedCountryId ID为SelectedCountryId的项目，您确实需要在 SelectedCountryId 下 SelectedCountryId的选项，因此请尝试：

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

链接地址: http://www.djcxy.com/p/83065.html

上一篇: Jquery to get SelectedText from dropdown

下一篇: How do you select a particular option in a SELECT element in jQuery?