仅在单击搜索按钮时单击下拉

时间:2015-08-06 15:51:36

标签: angularjs

在我的要求中,最初它只显示搜索按钮而不是下拉列表。现在,我需要在用户单击搜索按钮而不是单击下拉列表时直接显示选择列表选项。所以当我点击搜索按钮时我可以获得选项,我可以选择其中任何一个,一旦选择了一个选项需要显示另一个下拉菜单。这是我的代码
    <a><button>search</button></a> <select><option value="">A</option><option value="">B</option> <option value="">C</option> <option value="">D</option> </select>

这里是小提琴http://jsfiddle.net/8bhvhq62/3/

1 个答案:

答案 0 :(得分:2)

你可以在这里使用ng-disabled指令来启用和禁用下拉列表

<强>标记

<a><button ng-click="enabled=true">search</button></a>

<select ng-model="test" ng-disabled="!enabled">
    <option value="">A</option>
    <option value="">B</option>
    <option value="">C</option>
    <option value="">D</option>
</select>
<select ng-model="test1" ng-disabled="!enabled">
    <option value="">1</option>
    <option value="">2</option>
    <option value="">3</option>
    <option value="">4</option>
    <option value="">5</option>
</select>

Fiddle Here