无法访问 div 值答案

【问题标题】：Not able to access div value无法访问 div 值
【发布时间】：2020-01-21 17:35:43
【问题描述】：

我有 div，div 记录是使用 jquery 动态添加的
现在我希望 div 记录应该在 C# 后面的代码中使用，这样我就可以在数据库中插入值。
当我在我的 div 中指定 runat="server" 时，我的记录不会在 div 中绑定。

//Jquery Code
var NewData = '<div class="col-sm-12">' + x + '   ' + y + '  ' + txtName.value + ' &nbsp; <a href="javascript:void(0);" class="remCF" data-marker="m_' + x + '_' + y + '">Remove</a> </div>';
$("#divdynamicData").append(NewData);

//HTML code
<div id="divdynamicData"></div>
<asp:Button ID="btnSaveTODB" runat="server" Text="SaveToDB" OnClick="btnSaveTODB_Click" />

我想要的是当使用单击 SaveTODB 按钮时，如果我的 div 包含 50 条记录，则应将其添加到 DB 中，但在此之前我希望在后面的代码中访问此 div

【问题讨论】：

欢迎来到 Stack Overflow。请提供一个最小的、可重复的示例：stackoverflow.com/help/minimal-reproducible-example
@Twisty 好吧，先生，我对 StackOverflow 比较新鲜......我的问题是我想访问我的 div 数据，这些数据是使用 C# 动态添加到后面的代码中的
添加div的时候，还要添加runat='server'和ID的属性。这样您就可以通过代码隐藏访问它。
@JohnPete22 感谢先生的回复。我已经尝试过了，它正在工作$("#<%= divdynamicData.ClientID %>").append(NewData); <div id="divdynamicData" runat="server"></div> 但是当我点击按钮时，我的 div 值消失了
您是否正在重新构建 PostBacks 上的“div”？当你点击一个按钮时，它会在处理 Click_Event 之前重新加载页面。

标签： c# jquery html asp.net

【解决方案1】：

使用 Jquery 从前端调用 c# 方法。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>

Jquery 获取按钮点击数据。

<script>
  Jquery.('#btnSaveTODB').click(function(){
     $.post('Home/GetSaveData?NewData=' +NewData,function(res){
           alert('Data Sent');
     });
   });
</script>

在你的 C# 类中

[Web Method]
public void GetSaveData(string NewData)
{
     ///Your c# code here
}

【讨论】：