javascript - 无法从 aspx 页面获取下拉选定值到后端

Question

大家好，我正在使用 Web 服务和 ajax 调用来绑定(bind)我的级联下拉列表，但我无法在后面的代码中获取第一个下拉列表的选定值..

这是我的代码

 $(document).ready(function () {
              var groups = $('#ddlGrpName');
              var docs = $('#ddlDoctors');

              //var getval = $('#ddlGrpName').val();
              //var anothrva = $('#ddlDoctors').val();

              $.ajax({
                  url: 'Dataservice.asmx/GetGroups',
                  method: 'post',
                  dataType: 'json',
                  success: function (data) {

                      groups.append($('<option/>', { value: -1, text: 'select Group' }));
                      docs.append($('<option/>', { value: -1, text: 'select Doctor' }));
                      docs.prop('disabled', true);
                      $(data).each(function (index, item) {
                          groups.append($('<option/>', { value: item.id, text: item.name }));

                          $('#<%=hdnGroupid.ClientID%>').val(item.id);

                      });

                  }


              });

              groups.change(function () {
                  if ($(this).val() == "-1") {
                      docs.empty();
                      docs.append($('<option/>', { value: -1, text: 'select Doctor' }));
                      docs.val('-1');
                      docs.prop('disabled', true);
                  }

                  else {
                      $.ajax({
                          url: 'Dataservice.asmx/GetGroupsid',
                          method: 'post',
                          data: { groupID: $(this).val() },
                          dataType: 'json',
                          success: function (data) {
                              docs.empty();
                              docs.append($('<option/>', { value: -1, text: 'select Doctor' }));
                              docs.prop('disabled', false);
                              $(data).each(function (index, item) {
                                  docs.append($('<option/>', { value: item.id, text: item.pname }));

                                  $('#<%=hdnDoctorid.ClientID%>').val(item.id);
                              });

                          }


                      });
                  }

              });


          });``

下拉值具有绑定(bind)性，但在保存到数据库时无法获取下拉列表的选定值。这是两个级联下拉菜单，当我采用隐藏字段时，我得到第二个下拉菜单的值，但是当我以相同的方式检查第一个下拉菜单时，我只得到相同的值，但是每当我选择下拉菜单时，下拉所选值就会发生变化更改下拉列表它没有发生

请帮忙？

Answer 1

问题就在这里:

data: { groupID: $(this).val() }

在ajax调用上下文中，它不会使用this关键字捕获下拉列表，您需要将$(this).val()结果存储在变量中在 ajax 调用外部的 groups.change 事件中，然后在 ajax 调用中使用该变量来发送值。

所以将其更改为:

groups.change(function () {

  var groupId = $(this).val();
  ..................
  ..................
  $.ajax({
         ..........
         ...........
         data: { groupID: groupId }
         ...........

希望对你有帮助!