从我的下拉列表中删除空选项

Question

我正在创建一个网络应用程序，我有一个下拉列表

<select id="drdsearch" ng-model="drd" style="margin-top:-39px; margin-left:300px; height:30px; width:200px; font-size:12px;"><option value="select">select</option>
        <option value="default">Default</option>
        <option value="venue">Venue Name</option>
        <option value="date">Date</option>
    </select>

使用这些文本框

 <input type="text" ng-hide="true" ng-show="drd=='default'" placeholder="d" name="default">
    <input type="text" ng-hide="true" ng-show="drd=='venue'" placeholder="e" name="venue name">
    <input type="text" ng-hide="true" ng-show="drd=='date'" placeholder="l" name="Date">

我将angularjs用于（hide/show）文本框但现在当我运行程序时，下拉菜单会自动包含一个额外的空白选项字段

现在我的下拉列表中有四个字段 第1（）blank

第二default

第三venue

第四Date

我需要做什么才能从下拉列表中删除额外的（blank option）

Answer 1

使用$scope.drd初始化'default'中的值，您应该没问题。