Question

我使用jquery ajax来填充dropdownlist。每件事都运行正常，但是当我点击提交按钮（a server side function will be called）时，下拉列表不会保持所选的值.ie下拉列表将再次加载在提交表单之前，用户不知道选择了哪个项目。

可能是什么问题？

我写的代码如下：

$("#locationList").change(function () {
         FillCashSafe();
     }).change();

function FillCashSafe() {
     $("#CashSafeLists").empty();
     var locationNo = document.getElementById('<%=locationList.ClientID%>').value;               
     $.ajax({
         url: "HealthReport.aspx/GetCashsafes",
         data: '{Location: "' + locationNo+ '"}',
         type: "POST",
         dataType: "json",
         contentType: "application/json; charset=utf-8",
         success: function (data) {
             var optionhtml = '<option value="-1">Select One</option>';                     
             if (data) {                        
                 $("#CashSafeLists").append(optionhtml)
                 $("#CashSafeLists").trigger("liszt:updated");
                 $.each(data.d, function (key, value) {
                     $("#CashSafeLists").append($("<option></option>").val(value.CashsafeId).html(value.CashsafeSerialNo));
                     $("#CashSafeLists").trigger("liszt:updated");
                 });                         
             }
             else {                        
                 $("#CashSafeLists").append(optionhtml)
                 $("#CashSafeLists").trigger("liszt:updated");
             }                     
         },
         error: function (result) {                    
             $("#CashSafeLists").append($("<option></option>").val("-1").html("Select one"));
             $("#CashSafeLists").trigger("liszt:updated");
         }
     });

按钮点击如下

<input type="submit" id="Submit1" name="btnSearch" value="Search"
class="btn btn-primary btn-Addbutton " style="margin-left: 4px;" runat="server"   
onserverclick="SearchButtonClicked"  />

Answer 1

没有视图状态保留下拉列表中的所选项目，因此当您的页面回发时，ddl不知道选择了哪个项目。

维护当前所选项目在dropdownlist中，在回发后填充jquery ajax？

1 个答案: