在下拉列表中设置默认值选择角度js

时间:2017-01-25 13:27:35

标签: angularjs html-select

在我看来,我有类似......

<select id="conSelect" name="conSelect" ng-model="conSelect" 
    ng-options="place.PlaceID as place.PlaceName for place in places"
    ng-change="onCountryChange(conSelect)">
</select>

其中&#39; where&#39;是我正在填充下拉列表的数据源。它显示了值。但它显示空白值作为下降的第一个值。如何设置value = 0和text =&#34; - select - &#34;作为下拉列表中的第一个值,而不是空白值。

2 个答案:

答案 0 :(得分:1)

您可以声明默认选项,如下所示:

<select id="conSelect" name="conSelect" ng-model="conSelect" ng-options="place.PlaceID as place.PlaceName for place in places" ng-change="onCountryChange(conSelect)" >
    <option value="0">--select--</option>
</select>

答案 1 :(得分:-1)

我已将您的问题分解为两部分:

  

如何设置value = 0

我认为你的意思是<option value="0"。这听起来像个坏主意。我怀疑你不需要尝试这样做。

  

如何设置text =&#34; - 选择 - &#34;

默认选项使用空值完成。 Angular会将此解释为您的默认选项,而不是实际值。

<select id="conSelect" name="conSelect" ng-model="conSelect" 
    ng-options="place.PlaceID as place.PlaceName for place in places"
    ng-change="onCountryChange(conSelect)">
    <option value="">--select--</option>
</select>