gpt4 book ai didi

javascript - 如何在angular js中从前端获取下拉列表的选定值

转载 作者:可可西里 更新时间:2023-11-01 13:26:20 24 4
gpt4 key购买 nike

这是我的 Controller

var controller = app.controller('ctrl', function ($scope) {
$scope.dropdown = ["Yearly", "Monthly", "Date"];
});

这是我的 HTML 内容:

<body ng-app="app" ng-controller="ctrl">
<div>
<table>
<tr>
<td>
<label>Select :</label>
</td>
<td>
<select data-ng-model="option">
<option ng-repeat="date in dropdown" ng-bind="date" value="{{date.value}}"></option>
</select>
</td>
</tr>

<tr ng-show="option == 'Yearly'">
<td>
<label>From:</label>
</td>
<td>
<input type="date" ng-model="fromdate" id="fromdate" date-picker />
</td>
<td>
<label>To:</label>
</td>
<td>
<input type="date" ng-model="todate" date-picker />
</td>
</tr>
</table>
</div>

我试图从前端的下拉列表中获取用户选择的值,我需要根据在下拉列表中选择的值隐藏或显示一些文本框。

最佳答案

ng-model 而不是 ng-bind 但是我建议使用 ng-options...

 <select ng-options="date for date in dropdown" ng-model="option"></select>

文档 here

关于javascript - 如何在angular js中从前端获取下拉列表的选定值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37611726/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com