gpt4 book ai didi

javascript - 如何在发布前设置TextBox的文本值?

转载 作者:行者123 更新时间:2023-11-28 13:32:30 30 4
gpt4 key购买 nike

我有一个隐藏的文本框,并在发布之前用客户端脚本填充它,但是在服务器端它显示文本框的文本值是空字符串。

这是我的整个 aspx 页面:

<!-- Include Fancytree skin and library -->
<link href="Scripts/FancyTree/skin-win8/ui.fancytree.min.css" rel="stylesheet" />
<script src="Scripts/FancyTree/jquery.fancytree-all.js"></script>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:Button ID="GetIds" runat="server" OnClientClick=GetSelection() OnClick="GetIds_Click"/>
<asp:TextBox ID="DepartmentSelection" Visible ="false" runat="server" />
<div id="tree"></div>
</form>
</body>
</html>

<!-- Initialize the tree when page is loaded -->
<script type="text/javascript">
// Load FancyTrees
var depTree;

$(function () {
loadTree("#tree", "TestPage.aspx/GetDepartmentTreeData");
})

function loadTree(elementId, dataUrl)
{
$(elementId).fancytree({
checkbox: true,
selectMode: 3,
source: PostContext(dataUrl, JSON.stringify({ selected: false, hierarchyLevels: [] })),
lazyLoad: function (event, data) {
data.result = PostContext(dataUrl,
JSON.stringify({
selected: data.node.selected,
hierarchyLevels: data.node.data.HierarchyLevels
}))
}
});

depTree = $(elementId).fancytree("getTree");
}

function GetSelection() {
var arr = [];
var t = depTree.getSelectedNodes(true);

$.each(t, function (index, value) {
arr.push(value.data);
});

var j = JSON.stringify(arr);
$("#DepartmentSelection").val(j);
}

function PostContext(url, data) {
return {
type: "POST",
contentType: "application/json; charset=utf-8",
url: url,
data: data
}
}
</script>

我已经验证 GetSelection 函数在回发发生之前正在运行,但是当 GetIds_Click 事件在服务器端触发时,DepartmentSelection.Text 值仍然是一个空字符串,如上所述。我做错了什么?

还有更好的方法来完成回发时将数据发送回服务器吗?我基本上只是想让服务器知道选择了 TreeView 中的哪些复选框。

最佳答案

如果 ASP.NET 控件被标记为 Visible ="false" - 它根本不会呈现给客户端,因此客户端上没有“DepartmentSelection”,并且很可能 $( "#DepartmentSelection").val(j) 在控制台中抛出错误。

您可以通过分配 style='display:none' 来隐藏文本框,而不是执行 Visible ="false"

但更好的方法是使用 asp:HiddenField,而不是使用 asp:TextBox。它不需要任何可见性属性,因为它始终是隐藏的 - 您可以在客户端分配值并在服务器端代码中读取它们。

关于javascript - 如何在发布前设置TextBox的文本值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23918576/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com