Angularjs 如何显示<；部门>；使用引导作为响应下拉列表

使用引导将

列表显示为响应下拉列表第二个文本框下的列表

我有两个带有Col-xs-6的文本框。我希望输出像这样的图像

下拉示例

---

然后它将采用与列表项相同的宽度

在这个示例中，我们2使用bootstrap framework和angularjs下拉列表，您可以通过单击或默认值来更改它们

var-app=angular.module（'httpApp'，[]）；
app.controller（'httpAppCtrlr'，函数（$scope，$http）{
$scope.items=[“橙色”、“香蕉”、“柠檬”、“苹果”]
$scope.selected=$scope.items[0]；
$scope.onChange=函数（项）{
$scope.selected=项目；
}
//2
$scope.selected2=false；
$scope.onChange2=函数（项）{
$scope.selected2=项目；
}
});

{{selected}}




{{selected2？selected2:'选择一次…'}



去除
运气不好。我详细地更新了问题，运气不好。我详细地更新了问题，运气不好。我更新了问题的详细信息。您能解释一下您想要什么吗？您的下拉选项中的文本框是否用于自动搜索？您的问题的详细信息质量非常低：/@Maher，请尝试给出有帮助和有指导性的评论。您的问题非常不清楚，而且非常广泛。我建议你读一读这一页，然后拿下那本书。我相信你会发现它们很有用。这些页面中的提示和解释可以帮助你写一个其他人可以回答的问题。参考此
input {
width: 100%;
}