我试图从下拉列表中使用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();
这也返回空。
我可以返回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()
我也读到这很慢，如果你想经常使用它，你应该可以使用别的东西。
我不知道你为什么不工作，这一个是为我，也许别人可以帮助…
