angular.js - Angularjs select 如何設定一個選項可以清除所選內容
漂亮男人
漂亮男人 2017-05-15 17:06:05
0
1
544

我想要有一個選項,裡面的值是null,當我選取它的時候,可以清除input裡面的內容。
我的html是這樣寫的

<select 
        ng-options="x as (x.name+' '+x.id) for x in items| orderBy:'name'"
        ng-model="selectedItem" ng-change="update()">
        <option value="">---Please select---</option>
</select>

<input type="text" ng-model="name" name="name" class="space" placeholder="Name" disabled="true">
<input type="text" ng-model="id" name="suburb" class="space" placeholder="id" disabled="true">

我的js是

update(){
    $scope.name=$scope.selectedItem.name;
    $scope.id=$scope.selectedItem.id;
}

我選中一條選項之後下面的兩個input會根據選項更改內容。但是我點選please select的時候兩個input裡面還是上一個內容,並沒有清除。我試著把select寫成

<select class="form-control" ng-model="selectedItem" ng-change="update()">

                    <option value="">none</option>
                    <option value="1">1</option>
                    <option value="2">2</option>

</select>

選項none就可以起到這個作用。 。 。這是什麼原因呢?要怎麼才能用angularjs的select來實作這個功能呢?

漂亮男人
漂亮男人

全部回覆(1)
淡淡烟草味

雷雷

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板