如果在同一页面上初始化了多个表单，如何从jquery form builder中获取数据

niknxzdl 于 2022-12-12 发布在 jQuery

关注(0)|答案(1)|浏览(116)

bounty将在6天后过期。回答此问题可获得+50声望奖励。Aayush Dahal希望吸引更多人关注此问题。

我有一个代码是这样的：

<html>
<head>
    <title>Example formBuilder</title>
</head>
<body>

<div class="build-wrap"></div>
<div class="build-wrap"></div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
  <script src="https://formbuilder.online/assets/js/form-builder.min.js"></script>
  <script>
  jQuery(function($) {
    $(document.getElementsByClassName('build-wrap')).formBuilder();
  });
  </script>
</body>
</html>

如果它是由id初始化的，那么我可以用如下的代码来获取数据：

var fbEditor = document.getElementById('build-wrap');
  var formBuilder = $(fbEditor).formBuilder();

  document.getElementById('getJSON').addEventListener('click', function() {
    alert(formBuilder.actions.getData('json'));
  });

但是，我使用classname来初始化表单生成器。当点击保存时，有没有办法获得相应的表单生成器数据？我使用的是https://formbuilder.online/
下面是jsfiddle：https://jsfiddle.net/xycvbj3r/3/