0

在用户更改触发更新面板回发的选择元素后，我试图在回发完成后将相同选择的值设置为所选值，但不知何故我在隐藏字段中设置的值的值回发后丢失。

 function countrypostback() {
         $('#countryid').val($('select[name="countryselect"]').val());
         __doPostBack('upnlSearch', '');
     }

 $(document).ready(function () {
              $.ajax({
         type: "GET",
         url: "/service.svc/countries/",
         data: "",
         contentType: "application/json; charset=utf-8",
         dataType: "json",
         success: function (msg) {
             for (var i in msg) {
                 var resultitems = '<select onchange="countrypostback();" class="textbox" name="countryselect" id="countryselect">';
                 for (var i in msg) {
                     if (msg[i].name != '') {
                         resultitems += '<option value="' + msg[i].value + '">' + msg[i].name + '</option>';
                     }
                 }
                 resultitems += '</select>';
                 $('#countryselect').html(resultitems);
             }
         }
     });

    //here I'm trying to set the value of the dropdown to the value that was selected before the postback
     $("#countryselect").val($('#countryid').val());


    <input type="hidden" id="countryid" name="countryid" />

<asp:UpdatePanel ID="upnlSearch" runat="server">
<ContentTemplate>  


<span id="countryselect"></span>

</ContentTemplate> 
</asp:UpdatePanel>

我尝试将隐藏字段 countryid 放置在更新面板的外部和内部，但这并没有什么不同，当我尝试通过它访问它时，我仍然有一个空的表单域

$('#countryid').val()

我宁愿不使用视图状态（如果可能的话），因为这会增加页面加载。

4

4 回答 4

1

也许您可以访问服务器端（运行服务器）上的隐藏字段，并且您可以确保它再次写入页面。否则，您有一些可能将其存储在客户端，但它们都不是那么漂亮。

于 2013-07-25T07:27:50.963 回答
0

这可能会帮助您到达那里。

    <script type="text/javascript">
    // execute script once
    [javascript code]
    // register script with PageRequestManager for partialpostback "reset value of control"
    if(typeof(Sys)!=='undefined'){
    if(typeof(Sys.WebForms)!=='undefined'){
    if(typeof(Sys.WebForms.PageRequestManager)!=='undefined'){
    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_endRequest(function(){
    [javascript code]
    });
    }
    }
    }
    </script>
于 2013-07-25T05:05:47.487 回答
0

e.preventDefault(); 是理想的解决方案，尤其是在使用 JQuery 和 Ajax 时。下面是一个按钮单击事件的示例，它
使用 ASP.NET 必填字段在 JQuery 中进行错误处理，然后将数组发布到 .aspx 页面上的 Web 服务，该页面返回要保存在隐藏字段控件中的值。一旦 Web 服务返回要存储在隐藏字段中的值，完整函数就会根据从成功函数分配的布尔值在标签中显示成功消息。这是我的例子。

$(document).ready(function () {
 $("#<%=btnApply.ClientID %>").click(function (e) {
  var formtitle = $("#<%=txtFormTitle.ClientID %>");
  var email = $("#<%=txtEmail.ClientID %>");
  var tdform = $("#trform .tdform");
  var formId = $("#<%=hdnFormTemplateID.ClientID %>");
  var statuslabel = $("#<%=lblStatus.ClientID %>");
  var successful = false;
  statuslabel.html("");

      if (!formtitle.val() || !email.val()) {
      statuslabel.css("color", "#CC3300");
      statuslabel.html("The following fields are invalid!");
      return false;
      }
  else {
     $.ajax({
    type: "POST",
    url: "FormBuilder.aspx/GetFormElements",
    traditional: true,
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    data: JSON.stringify({ columnone: firstColumn, columntwo: secondColumn, title: formtitle.val(), emailaddress: email.val(), form: tdform.html(), formId: formId.val() }),
    success: function (data) {
      var id = $("#<%=hdnFormTemplateID.ClientID %>")
      id.val(data.d);
      successful = true;
    },
    error: function (err) {
      err = "Did not work";
      alert(err);
    },
    complete: function () {
       if (successful) {
         var statuslabel = $("#<%=lblStatus.ClientID %>");
                 statuslabel.html("");                                       
         statuslabel.css("color", "#92aa6c");
         statuslabel.html("Successfully Updated");

    }
    }
});
e.preventDefault();
  }
});
});
Here is the web service sub procedure.  I always find it helpful to have someone post 
VB.NET code and I will do so more in the future for those who prefer to work in 
VB.NET.
Imports System.Web.Services
Imports System.Web.Script.Services
Imports System.Data.SqlClient

<ScriptService()>
Public Class FormBuilder
 Inherits System.Web.UI.Page
 Public Shared formTemplateId As Integer


<WebMethod()> _
Public Shared Function GetFormElements(columnone As List(Of String), columntwo As 
  List(Of String), title As String, emailaddress As String, form As String, formId As 
  String) As String 
  Dim strconn As String = ConfigurationManager.AppSettings("ConnectionString")
  Dim conn As New SqlConnection(strconn)
  Dim mycommand As New SqlCommand
  Dim retVal As Integer = 0
  Dim itemOne As String = String.Empty

  'mylogic to begin storing the data in the database using a For Loop'
  If columnone.Count > 0 Then
    For i As Integer = 0 To columnone.Count - 1 Step 1
        itemOne = Regex.Replace(columnone(i).ToString, "\s", "")
    Next
  End If


  Return retVal.ToString

 End Function

结束类

于 2013-12-18T08:18:57.253 回答
0

如果没有回发，它会像这样简单，您也可以使用 event.preventDefault() 来阻止回发。我发现微软更新面板的问题是服务器端代码总是在客户端代码之前执行，因此很难或几乎不可能阻止默认操作。一直认为这是愚蠢的，他们独特的 id 完全不可能用 jQuery 选择任何东西。

$('select').on('change', function(ev){
  ev.preventDefault();
  alert($(this).val());
});

http://jsfiddle.net/NtzRC/1/

于 2013-07-20T15:59:14.810 回答