我有一個下拉列表，它要求用戶在兩個團隊之間進行選擇。我希望警報框顯示他們在提交表單后選擇了哪個團隊。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！”，所以它無法從表單中成功獲取所述信息，盡管我檢查了開發(fā)控制臺并且我即將成功發(fā)送“團隊”的參數(shù)XHR。