2014-09-22 191 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