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

Question

我使用下拉列表。

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 中选项数量的方式是否错误？

Answer 1

你计算的东西不对。而不是:

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

做:

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