2014-09-22 206 views
0

我正在通過ng-options.i從數據庫的下拉列表中加載選項,並使用選項爲該下拉列表設置了默認空白值。當我們更改選項時,在IE9默認爲空值應該被隱藏,不應該提供給選擇again.It谷歌瀏覽器的工作而不是和10 ....如何更改下拉列表中的默認空白默認值(更改後)

<p> 
        Reason<b>*</b> 
       </p> 
       <p> 

        <select data-ng-model="prvdNote.prvdReason" data-ng-options="option as option.value for option in reasons" ng-class="{showHighlight:validationError.isReason}" ng-disabled="isDisabled"><option 
          style="display: none" >Select Reason</option></select> 


       </p> 

在上面的代碼「選擇原因」時,我們的變化是Disapperaing選項在Google Chrome中,但是當我們在IE9中運行它時,它並不消失,但是我可以通過disabled =「disabled」禁用該空白值。但是它應該在更改選項時消失,我們如何才能做到這一點,請幫助

回答

0
<select id="select" data-ng-model="prvdNote.prvdReason" data-ng-options="option as option.value for option in reasons" ng-class="{showHighlight:validationError.isReason}" ng-disabled="isDisabled"><option 
          value="" >Select Reason</option><option 
          value="2" >2</option><option 
          value="3" >3</option></select> 

$('#select').on("change",function() { 
    if($(this).val()!="") { 
    $('#select').find('option[value=""]').remove(); 
    } 
}); 

http://jsfiddle.net/ngk0dvja/

+0

我不知道的jQuery實際上,我想它寫在AngularJs或javascript.Canü請指導我與 – 2014-09-22 11:58:38