如何用excel数据填充jquery表单
我需要用多页excel工作簿中的数据填充表单。我曾尝试编写一个VBA脚本来序列化为Json,但它似乎非常耗费人力,并研究了一个名为jquery.populate的插件,但无法找到那个插件 以下是示例:如何用excel数据填充jquery表单,jquery,Jquery,我需要用多页excel工作簿中的数据填充表单。我曾尝试编写一个VBA脚本来序列化为Json,但它似乎非常耗费人力,并研究了一个名为jquery.populate的插件,但无法找到那个插件 以下是示例: <fieldset> <div class="_50"><strong>Phytoplankton CNP Sample ID:</strong><input type="text" name="phyCNP"></div>
<fieldset>
<div class="_50"><strong>Phytoplankton CNP Sample ID:</strong><input type="text" name="phyCNP"></div>
<div class="_25">D1 Filtered (mL):<input type="text" name="2D1"></div>
<div class="_25">D2 Filtered (mL):<input type="text" name="2D2"></div>
</fieldset>
<fieldset>
<div class="_50"><strong>Algae Sample ID:</strong><input type="text" name="algae"></div>
<div class="_25"> <label></label>
<input type="radio" id="radPeri1mod" name="algae" data-mini="true"/>
<label for="radPeri1mod">PERI-1-MOD</label>
<label> </label>
<input type="radio" id="radPeri1" name="algae" data-mini="true"/>
<label for="radPeri1">PERI-1</label></div>
<div class="_25"> Other: <input type="text" id="textOther" name="algae" /></div>
</fieldset>
浮游植物CNP样本ID:
过滤后的D1(毫升):
D2过滤(毫升):
藻类样本ID:
PERI-1-MOD
PERI-1
其他:
1.从excel多页工作簿填充字段的最佳方法是什么
2.是否有方法根据excel字段集的数量动态添加字段集?上述字段集可能有一组数据或5组数据。我只想要一个基础表单中的空集合 由于缺乏良好的语法,这有点混乱,没有进入,但是您可以在循环中手动构建/插入每个字段集 我无法回答ajax问题,因为我不熟悉这方面的知识,但下面的示例应该可以帮助您开始
var ajaxForNumberOfFields,
ajaxForNumberOfDataSets,
ajaxForDataTitle,
ajaxForDataName,
$field,
$header,
$data1,
$data2;
// if the form already has old data then clear it
if(clearData) {
$('form:not(first-child)').remove();
}
// ajax the number of fields
// something like $.ajax('yourURL', options).done(function(data){ajaxForNumberOfFields = data);
for(var i=0;i<ajaxForNumberOfFields;++i) {
// create a new fieldset
$field = $('<fieldset />');
// ajax the number of data sets
// ajaxForNumberOfDataSets = $.ajax('yourURL', options).done(function(data){ajaxForNumberOfFields = data);
for(var j=0;j<ajaxForNumberOfDataSets;++j;)
// new data header and rows
$header = $('<div class=_50 />');
$data1 = ('<div class=_25 />');
$data2 = ('<div class=_25> Other: </div>');
// ajax the data for the current set
// ajaxForDataTitle = $.ajax('yourURL', options).done(function(data){ajaxForNumberOfFields = data);
// ajaxForDataName = $.ajax('yourURL', options).done(function(data){ajaxForNumberOfFields = data);
// load header
$header
.append($('<strong />').text(ajaxForDataTitle))
.append($('<input type="text" />').attr('name', ajaxForDataName));
// build data 1
$data1
.append('<label />')
.append($('<input type="radio" id="radPeri1mod" data-mini="true"/>').attr('name', ajaxForDataName))
.append('<label for="radPeri1mod">PERI-1-MOD</label>')
.append('<label />')
.append($('<input type="radio" id="radPeri1" data-mini="true"/>').attr('name', ajaxForDataname))
.append('<label for="radPeri1">PERI-1</label>');
// build data2
// iterating over fieldsets will restrict the use of the id attribute
// will need to use class attribute to locate the input, then figure out which one it is
$data2
.append($('<input type="text" class="textOther" />').attr('name', ajaxforDataName));
// build the fieldset
$field.append($header).append($data1).append(data2);
// stuff the fieldset into the form
$('form').append($field);
}
}
var ajaxForNumberOfFields,
AjaxForNumberOfDataSet,
Ajaxfordatitle,
ajaxForDataName,
$field,
$header,
$data1,
$2;
//如果表单中已有旧数据,请将其清除
if(clearData){
$('form:not(first child')).remove();
}
//ajax字段的数量
//类似于$.ajax('yourURL',options).done(函数(数据){ajaxfornumberofields=data);
对于(var i=0;i