如何在警告框中返回参数

Question

我有一个下拉列表，它要求用户在两个团队之间进行选择。我希望警报框显示他们在提交表单后选择了哪个团队。

HTML

                <form id="form-add-participant">

                   <input type="hidden" name="_token" value="{{csrf_token()}}">

                  <div class="container my-2">

                    <div class="row">

                      <div class="col-md-12">

                        <div class="form-group">

                            <label>Involvement</label>

                            <select type="select" id="select-team" class="form-control" name="involvement" required>

                              <option value="" selected disabled>Select Team</option>

                              <option value="Participant">Team Blue</option>

                              <option value="Organizer">Team Red</option>

                            </select>

                        </div>

                        <div class="form-group text-right mt-4">

                          <button type="button" class="btn btn-dark" data-dismiss="modal">Close</button>

                          <button type="submit" class="btn btn-success btn-add" data-involvement="'+data.involvement+'">Add</button>

                        </div>

                      </div>

                    </div>

                  </div>

                </form>

Javascript

$(document).on('submit', '#form-add-participant', function() {

      var involvement  = $(this).attr('data-involvement');

      $.ajax({

            url: "students/team/add",

            type: "POST",

            data: $(this).serialize(),

            success: function(data) {

              if (data.success === true) {

                alert(involvement + " member has been added!");

                location.reload();

              }

              else {

                alert(data.error);

              }

            }

          });

            return false;

    });

警报显示“'undefined' member has been added！”，所以它无法从表单中成功获取所述信息，尽管我检查了开发控制台并且我即将成功发送“团队”的参数XHR。

Answer 1

尝试将involvement变量更改为：var&nbsp;involvement&nbsp;&nbsp;=&nbsp;$("#select-team&nbsp;option:selected").text();或者var&nbsp;involvement&nbsp;&nbsp;=&nbsp;$("#select-team&nbsp;option:selected").val();取决于您要在警报中显示的内容、选项内的文本或其值。