javascript - 检查下拉列表的选项数

我使用下拉列表。

Html.DropDownList("MealsSelectedHousesMeals", Model["SelectedMeals"], new { id= "MealsSelectedHousesMeals" })

我使用按钮和JavaScript操作来动态更改它的大小。
在脚本之一中，我检查天气，此列表为空，然后设置标签的内容。

var labelMealType = document.getElementById('labelMealType');
if ($('#MealsSelectedHousesMeals').length >=1)
{
      labelMealType.innerHTML = $('#ListBoxSelectedHousesMeals option:selected').text().split(';')[1];
}
else
{
      labelMealType.innerHTML = 'Selected Meal';
}

如果标签中的一些操作后此列表为空，则显示标题undefined代替'Selected Meal'
标签的定义。

@Html.Label("Selected Meal",new { id= "labelMealType", style = "border: 1px solid black;font: 12px;" })

是否在SelectListItem中以错误的方式检查选项数量？

最佳答案

您没有在计算正确的事情。代替：

$('#MealsSelectedHousesMeals').length >=1

做：

$('#MealsSelectedHousesMeals>option').length >=1

关于javascript - 检查下拉列表的选项数，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/45909682/