Question

我知道已经有一些关于同一问题的帖子但在我的情况下似乎我无法解决问题，因为我的内容是在模态内。

这个模态包含一个表单，一个选择和一个提交按钮，我认为这个问题出现在如何实现模态的主体，因为它根据找到的项目附加X个选择和按钮。

在模态代码下面：

board = np.resize([0, 1], (3, 5))

这是附加到模态的$ body的代码：

<form action="/foo/update_foo" method="POST">
    {{ csrf_field() }}
    <div id="flash-overlay-modal" class="modal fade {{ $modalClass or '' }}">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h3 class="modal-title">{{ $title }}</h3>
            </div>
            <div class="modal-body">
                <p>{!! $body !!}</p>
            </div>
            <div class="modal-footer">
                <input type="submit" class="btn btn-info" value="Save changes">
                <button type="button" class="btn btn-warning" data-dismiss="modal">Ignore</button>
            </div>
        </div>
    </div>
    </div>
</form>

如果我将JavaScript添加到模态中，它就无法从父页面获取它。

知道可以做些什么。

提前谢谢！

Answer 1

使用angular js

尝试此操作

这是一个例子

＆＃13;

angular.module('pdl', []).controller('player', function($scope) {
  $scope.players = [{
    "id": 3,
    "name": "Nadal",
  }, {
    "id": 4,
    "name": "Federer"
  }]
});

＆＃13;

<script src="https://code.angularjs.org/1.5.5/angular.min.js"></script>

<div ng-app="pdl" ng-controller="player">
  <input type="text" ng-model="player.name" />
  <select ng-model="player" ng-options="player as player.name for player in players">
  </select>
</div>

＆＃13;

根据选择内部模态更改输入文本

1 个答案: