下拉表单html默认s7狐,获取表单标签的所有HTML代码和文本框的值在表单标签-CSDN博客

jQuery(function ($) {

var submitbnt = '';

var formData = '[{"type":"select","label":"Select","className":"form-control","name":"select-1498804267849","values":[{"label":"Option 1","value":"option-1"},{"label":"Option 2","value":"option-2","selected":true},{"label":"Option 3","value":"option-3"}]},{"type":"text","label":"Text Field","className":"form-control","name":"text-1498804394861","subtype":"text"},{"type":"text","label":"Text Field","className":"form-control","name":"text-1498804395129","subtype":"text"}]';

formRenderOpts = {

dataType: 'json',

formData:formData

}

$('#mform').formRender(formRenderOpts);

$('#mform').append(submitbnt);

document.getElementById('submit').onclick = function() {

var formData = new FormData(document.forms[0]);

var result = {};

for(var pair of formData.entries()) {

result[pair[0]] = pair[1];

}

console.log($('#mform').formData());

result = JSON.stringify(result); // just key/ value

var htmlForm = $('#mform').html(); // Can not get merge values in code

};

});

Form demo

我用的http://formbuilder.readthedocs.io的formbuilder。我呈现一个表格。然后显示该表单，然后输入数据，并且我想要获取该表单的html代码，我找到了很多方法，但只有我无法获取表单和值的html代码。我只获取html代码，但没有值。或者我只是得到的值，但没有HTML，我想我将不得不手动“混合”我得到的值到HTML代码。但实际上这很麻烦。

我有一个注册表单，我想当用户点击提交按钮时会得到表单标签的所有html代码，它包括了所有的输入，下拉列表，收音机，按钮..和已经存在的值inputed。

我试着用$('#myform').html()获得所有形式的代码，但它并没有得到我想要得到这样的事情，我输入到输入，或无线电值...

：

First name:

Last name:

我想获得的HTML代码，包括文本框的值，它被混为一谈。 –

你解决了这个问题吗？ –

我还没有解决，我使用http://formbuilder.readthedocs.io的formbuilder。我呈现一个表格。然后显示该表单，然后输入数据，并且我想要获取该表单的html代码，我找到了很多方法，但只有我无法获取表单和值的html代码。我只获取html代码，但没有值。或者我只是得到的值，但没有HTML，我想我将不得不手动“混合”我得到的值到HTML代码。但实际上这很麻烦。 –