深山雪人 2018-12-28 17:16 采纳率: 0%
浏览 273

webform一个按钮控制【提交】同一个页面的多个隐藏层【div】

图1
图2

现在情况是不懂怎么判断，就是只提交显示页面的数据。
其实我更想就是所以数据提交到后台，由后台来判断哪个div是再打开的，然后就插入或者编辑某些数据。

  • 写回答

1条回答 默认 最新

  • 你知我知皆知 2024-08-07 14:14
    关注

    以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

    要实现这个功能，你可以使用JavaScript和HTML来动态地在页面上添加或删除元素。下面是一个简单的例子，展示了如何处理你提到的问题：

    首先，在你的HTML文件中创建一些输入字段（<input>）和按钮（<button>），并设置它们的事件监听器以触发保存操作。例如：

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Example</title>
</head>
<body>

    <!-- 页面主体 -->
    <div id="content">
        <!-- 页面内容将在这里加载 -->
    </div>

    <!-- 用于存储表单数据的容器 -->
    <div id="savedData" style="display:none;">
        <!-- 存储的数据将会在这里显示 -->
    </div>

    <!-- 提交按钮 -->
    <button onclick="save()">Submit</button>

<script>
    // 当用户点击提交按钮时执行的函数
    function save() {
        // 获取所有输入字段的值，并将它们作为字符串拼接起来
        let data = document.getElementById("agencyInfo").value +
                   document.getElementById("agencySetting").value +
                   document.getElementById("currencyInfo").value;

        // 将数据发送给服务器进行保存
        sendToServer(data);
    }

    // 发送数据到服务器的方法
    function sendToServer(data) {
        // 在这里可以编写服务器端代码来接收和处理数据
        console.log("Data sent to server: ", data);
    }
</script>

</body>
</html>

    在这个例子中，我们创建了一个包含三个输入字段的表单，每个字段都有自己的ID，这样我们可以分别获取每个字段的值。当用户点击“提交”按钮时，我们将这些值拼接成一个字符串，然后通过sendToServer函数发送到服务器。

    然后，在服务器端，你需要编写相应的逻辑来处理从客户端发送过来的数据。根据数据的内容，你可以决定是否更新数据库中的相应信息。这可能涉及查询数据库、修改记录等操作。

    请注意，这段代码只是一个基本示例，实际应用中可能会有更多的细节需要考虑。例如，你可能需要处理错误的情况，确保表单验证正确，以及确保数据的安全性等。

    评论

报告相同问题？