如果在下拉列表中未選擇任何內容，則禁用按鈕

Question

當下拉列表中未選擇任何內容時，該按鈕應該被取消。我怎樣才能做到這一點？

<select size='1' id="action" ng-model="ak.action"> 
 
    <option value='1'>RED</option> 
 
    <option value='2'>BLUE</option> 
 
</select> 
 

 
<div> 
 
    <button type="button" ng-Click="ak.save()" >SAVE</button> 
 
</div>

Answer 1

嘗試上的按鈕使用ng-disabled="!ak.action || ak.action.length == 0"。 雖然select將永遠有一個選定的項目，你的情況......

<select size='1' id="action" ng-model="ak.action"> 
     <option value='1'>RED</option> 
     <option value='2'>BLUE</option> 
</select> 

<div> 
    <button ng-disabled="!ak.action || ak.action.length == 0" type="button" ng-click="ak.save()" >SAVE</button> 
</div>