無法從aspx頁面到后端獲取下拉選擇的值

Question

大家好，我正在使用Web服務和Ajax調用來綁定我的級聯下拉列表，但是我無法在后面的代碼中獲得第一個下拉列表的選定值。

這是我的代碼

 $(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);
                              });

                          }


                      });
                  }

              });


          });``

下拉值具有約束力，但是在保存到數據庫中時無法獲得選定的下拉值。 這是兩個級聯的下拉菜單，當我選擇一個隱藏字段時，我得到的是第二個下拉菜單的值，但是當我與第一個下拉菜單以相同的方式進行檢查時，我只會得到相同的值，但是只要我將下拉的選定值更改改變下拉沒有發生

請幫忙？？

Answer 1

問題在這里：

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

在ajax調用上下文中，它不會使用this關鍵字捕獲下拉列表，您需要將$(this).val()結果groups.change在ajax調用之外的groups.change事件中的變量中，然后在ajax調用中使用該變量發送值。

因此將其更改為：

groups.change(function () {

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

希望能幫助到你！

Answer 2

嘗試這個

    $(function () {
        $(groups).change(function () {
            var group = $('option:selected', $(this)).val();
            if ($(group).val()==”-1”){// -1 selected} else {//blah}
        });
    });

Answer 3

水果串= Request.Form [this.ddlname.UniqueID]; 字符串汁= Request.Form [this.ddname.UniqueID];

這樣可以提供正確的輸出。

我們可以使用Request.form集合https://msdn.microsoft.com/zh-cn/library/ms525985(v=vs.90).aspx來獲取下拉選擇的值。

希望能幫助到你..