js按钮获取当前动态表单的表单值

要获取当前动态表单的表单值，可以使用JavaScript来访问表单元素并获取表单值。

以下是一些可以使用的方法：

1. 通过表单的id属性来获取表单元素，然后使用表单元素的value属性来获取表单值。

var form = document.getElementById("myForm");
var input1 = form.elements["input1"].value;
var input2 = form.elements["input2"].value;

2. 直接使用表单元素的id属性来获取表单值。

var input1 = document.getElementById("input1").value;
var input2 = document.getElementById("input2").value;

3. 使用querySelector方法来获取表单元素，然后使用表单元素的value属性来获取表单值。

var input1 = document.querySelector("#myForm input[name='input1']").value;
var input2 = document.querySelector("#myForm input[name='input2']").value;

请注意，这些方法只适用于获取表单元素的值。如果表单中包含其他类型的元素（例如下拉列表、单选按钮等），则需要使用不同的方法来获取它们的值。

相关问题

js获取当前按钮所在的表单数据

可以使用以下方法获取当前按钮所在的表单数据：

1. 获取按钮元素：可以通过事件参数 `event.target` 获取当前点击的按钮元素。

2. 获取表单元素：可以通过按钮元素的 `form` 属性获取当前按钮所在的表单元素。

3. 获取表单数据：可以通过表单元素的 `FormData()` 方法获取表单数据，返回一个包含表单数据的对象。

示例代码：

function handleSubmit(event) {
  event.preventDefault(); // 阻止表单提交

  // 获取当前点击的按钮元素
  const button = event.target;

  // 获取当前按钮所在的表单元素
  const form = button.form;

  // 获取表单数据
  const formData = new FormData(form);

  // 使用表单数据进行后续操作
  console.log(formData);
}

在表单元素中添加 `onsubmit` 属性，将该函数作为表单提交时的回调函数，即可在表单提交前获取表单数据。例如：

<form onsubmit="handleSubmit(event)">
  <!-- 表单元素 -->
  <button type="submit">提交</button>
</form>

宜搭子表单自定义操作按钮实现编辑当前行

您可以在宜搭子表单中添加一个自定义操作按钮，然后使用JavaScript代码编写一个函数来实现编辑当前行的功能。具体步骤如下：

1. 在宜搭中打开您的子表单，点击右上角的“设置”按钮，在“操作”选项卡中添加一个自定义操作按钮。

2. 在“操作”选项卡中找到您刚刚添加的自定义操作按钮，点击“编辑”按钮，在“操作类型”下拉框中选择“自定义操作”。

3. 在“操作类型”下拉框中选择“自定义操作”后，会出现“按钮文本”和“按钮点击事件”两个选项。在“按钮文本”中填写您希望在按钮上显示的文字，比如“编辑”。

4. 在“按钮点击事件”中编写JavaScript代码，实现编辑当前行的功能。具体代码如下：

function editCurrentRow() {
  // 获取当前行的数据
  var currentRowData = $subTable.getCurrentRowData();

  // TODO: 编写您的编辑逻辑，比如弹出一个编辑框，将当前行的数据填充到编辑框中

  // 提示用户编辑成功
  $ui.toast('编辑成功');
}

在这段代码中，我们首先使用 `$subTable.getCurrentRowData()` 获取当前行的数据。然后根据您的实际需求，编写编辑逻辑。最后使用 `$ui.toast('编辑成功')` 提示用户编辑成功。

5. 点击“保存”按钮保存您的子表单设置，然后在页面中预览您的子表单，点击自定义操作按钮，即可触发编辑当前行的功能。

希望这个回答能够帮助您解决问题。如果您还有其他问题，欢迎随时向我提问。