如何从下拉菜单中选择多个值,并在单击提交按钮时将其显示在文本区域中?

安舒尔

我必须从下拉列表中选择多个值,然后单击提交将其显示在文本区域中。我不知道如何将多个值传递给控制器​​,并获取它以相同形式显示在文本区域中。

粗鲁的兔子

您可以使用html select元素的multiple属性,angular会为您创建一个包含所选值的数组:

angular.module('MyModule', [])

.controller('MyController', function( $scope ) {
    $scope.martialArts = ['Kung Fu', 'Llap Goch', 'Karate', 'Judo'];
});
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app='MyModule' ng-controller='MyController'>
    I know
    <select multiple ng-model='whatIKnow' ng-options='martialArt for martialArt in martialArts'></select>
    <button ng-click='showWhatIKnow = true'>Show Me</button>
    <textarea ng-show='showWhatIKnow' ng-model='whatIKnow'></textarea>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何显示下拉菜单中选择的多个值

来自分类Dev

从下拉菜单中选择值

来自分类Dev

仅当从下拉菜单中选择值时才显示结果

来自分类Dev

如何根据从下拉菜单中选择的选项以 HTML 格式显示文本?

来自分类Dev

Excel中的地图:如何通过从下拉菜单中选择地理区域来突出显示该地理区域?

来自分类Dev

如何强制用户从下拉菜单和按钮中选择一个值以启用保存按钮?

来自分类Dev

从下拉菜单中选择时,为显示/隐藏文本框提供必填字段

来自分类Dev

当用户从下拉菜单中选择一个选项时,如何更新任何归档的文本?

来自分类Dev

如何使用javascript从下拉菜单中选择onchange并将其放置在innerHTML中?

来自分类Dev

CSS下拉菜单显示用于选择/更改的文本区域

来自分类Dev

如果没有从下拉菜单中选择任何选项,如何防止表单提交

来自分类Dev

如果没有从下拉菜单中选择任何选项,如何防止表单提交

来自分类Dev

用户从下拉菜单中选择时刷新CKEDITOR

来自分类Dev

如何右键单击以选择文本区域中的文本

来自分类Dev

如何从下拉菜单中选择mysqli表ID号并从该行输出选择值

来自分类Dev

当下拉菜单具有相同的ID时,如何从下拉菜单中选择一个选项

来自分类Dev

在文本区域中选择行

来自分类Dev

如何拖动图像并在文本区域中显示图像

来自分类Dev

从下拉菜单中选择元素

来自分类Dev

如何显示基于从下拉菜单中选择的城市的Google地图

来自分类Dev

如何从下拉菜单中进行选择,并在重新加载网页时更改ID

来自分类Dev

Geb:如何从下拉菜单中选择一个值?

来自分类Dev

从下拉菜单中选择特定选项时如何document.write

来自分类Dev

从下拉菜单中选择特定选项时如何document.write

来自分类Dev

当按下“提交”按钮时是否运行JavaScript函数,而不是在下拉菜单中选择?

来自分类Dev

单个文本区域中的按钮值

来自分类Dev

文本区域中按钮的值

来自分类Dev

在php中选择下拉菜单时,在多个文本框中获取数据库值

来自分类Dev

在下拉菜单中显示获取数据,并在 Laravel 中选择“where”值

Related 相关文章

  1. 1

    如何显示下拉菜单中选择的多个值

  2. 2

    从下拉菜单中选择值

  3. 3

    仅当从下拉菜单中选择值时才显示结果

  4. 4

    如何根据从下拉菜单中选择的选项以 HTML 格式显示文本?

  5. 5

    Excel中的地图:如何通过从下拉菜单中选择地理区域来突出显示该地理区域?

  6. 6

    如何强制用户从下拉菜单和按钮中选择一个值以启用保存按钮?

  7. 7

    从下拉菜单中选择时,为显示/隐藏文本框提供必填字段

  8. 8

    当用户从下拉菜单中选择一个选项时,如何更新任何归档的文本?

  9. 9

    如何使用javascript从下拉菜单中选择onchange并将其放置在innerHTML中?

  10. 10

    CSS下拉菜单显示用于选择/更改的文本区域

  11. 11

    如果没有从下拉菜单中选择任何选项,如何防止表单提交

  12. 12

    如果没有从下拉菜单中选择任何选项,如何防止表单提交

  13. 13

    用户从下拉菜单中选择时刷新CKEDITOR

  14. 14

    如何右键单击以选择文本区域中的文本

  15. 15

    如何从下拉菜单中选择mysqli表ID号并从该行输出选择值

  16. 16

    当下拉菜单具有相同的ID时,如何从下拉菜单中选择一个选项

  17. 17

    在文本区域中选择行

  18. 18

    如何拖动图像并在文本区域中显示图像

  19. 19

    从下拉菜单中选择元素

  20. 20

    如何显示基于从下拉菜单中选择的城市的Google地图

  21. 21

    如何从下拉菜单中进行选择,并在重新加载网页时更改ID

  22. 22

    Geb:如何从下拉菜单中选择一个值?

  23. 23

    从下拉菜单中选择特定选项时如何document.write

  24. 24

    从下拉菜单中选择特定选项时如何document.write

  25. 25

    当按下“提交”按钮时是否运行JavaScript函数,而不是在下拉菜单中选择?

  26. 26

    单个文本区域中的按钮值

  27. 27

    文本区域中按钮的值

  28. 28

    在php中选择下拉菜单时,在多个文本框中获取数据库值

  29. 29

    在下拉菜单中显示获取数据,并在 Laravel 中选择“where”值

热门标签

归档