AngularJS：我有一个包含选项列表的下拉列表，在清除时删除默认值
下拉列表中有选项列表和默认的“选择系列”选项，当没有选择其他选项时。现在我有一个清除按钮，它将从下拉列表中清除用户选择，这样用户就可以选择其他下拉列表。问题是，当我清除它时，也会删除我的“选择系列”选项。
为了更好地理解它，假设我在下拉列表中有选项1，选项2和选项3，当没有选项被选中时，默认的“select option”（选择选项）。我想要的是，当用户选择选项1、2、3中的任何一个时，当我点击清除时，它应该默认返回“选择选项”，而不是空选项。吼叫是我的密码
<asp:PlaceHolder runat="server" ID="SeriesPlaceHolder">
<a data-ng-class="{set: seriesId.length > 0}" class="reveal filter expandFilters icon smallScreenFilter" href="#" data-revealedcontentid="seriesFilters" hidden="hidden">Series</a>
<div id="seriesFilters" class="revealedContent searchOptions fullClear" hidden="hidden">
<label class="mediumLabel left" for="seriesFilter">Series:</label>
<div class="styledSelect left">
<select id="seriesFilter" data-ng-model="seriesId" data-ng-options="series.Id as series.Name for series in seriesFilterOptions" data-ng-change="getEventResults()">
<option value="">Select series</option>
</select>
</div>
<a class="goToResults btn btnRounded right" href="#">Show results</a>
</div>
</asp:PlaceHolder>
如有任何帮助，我们将不胜感激。
共有1个答案
您只需重置ng-model=“seriesid”
$scope.clear = function(){
$scope.seriesId = undefined
}
一些小提琴演示
-
在执行量角器测试时，我想清除一个下拉列表。我知道如何在下拉列表中选择一个特定的选项。如何清除它？ 下拉列表是表单的一部分。下拉选项的值由ajax调用加载。所以，选择看起来像这样。 现在，当加载表单时，没有选择任何值。但是，一旦选择了一个值，就不可能清除它(即使手动清除)，因为这是一个必填字段。只能从下拉列表中选择一个替代值。 但是，我想做第二个测试，检查这个字段的值是否为空(没有选择)。为此，我必
-
我在JSFIDLE示例中有以下代码 问题是，当用户单击“添加新记录”时，它会添加一个新项目，其中设施名称下拉列表显示列表中的第一个项目。如果用户单击“更新”，则会保存记录，但会将设施名称清空。原因是，下拉列表中确实没有选定项目。我之所以知道这一点，是因为所选值在传递给控制器代码时为空。所以，我真的很想知道如何 不显示列表中的第一个项目，直到用户在列表中实际选择它或 将选定的项目设置为列表中的第一个
-
在我的项目中，有许多下拉列表。这些下拉列表的项是使用api服务从数据库加载的。因此，无论何时加载，空白选项都是所有项目的第一项。如何删除第一个空白选项并替换为默认文本选择。 控制器 api调用按角度服务方法消耗 服务 以下是我的观点: 项目从数据库中正确加载，但每次该空白选项处于第一位时。在检查了这么多帖子之后，我尝试了很多东西。我最后一次尝试 $scope.EnclosureModel={“se
-
假设我有一张工作表--第一张--有5000多行（例如，每行“a”-“H”）。 在另一个工作表--第2号--中，我有一个“to-remove-list”--一个包含400个值的单列“a”，每个值包含字母数字字符串（例如:xxx1234)。 如果第'e'列包含“to-remove-list”（第2页的第'a'列）中的任何值，则必须删除第1页中的每一行。 删除整行，我的意思是删除该行并向上移动（不离开空
-
我有一个目标如下。我必须将其显示为下拉列表： 在我的控制器中，我有一个携带值的变量。该值决定了在下拉列表中默认选择阵列中上述三项中的哪一项： 当我创建下拉表单项时，如下所示： 我面临两个问题： > 而不是 默认情况下，即使我有
-
根据第一个下拉列表项选择，我希望第二个下拉列表应该包含相关内容。在Java怎么能这样？例如，假设第一个下拉列表包含国家名称，第二个下拉列表包含国家名称。如果我从第一个下拉列表中选择一个特定的国家，比如“印度”，那么第二个列表应该只显示国家的相关邦，即“印度”的邦。并且这两个列表都是动态的。