Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何用excel数据填充jquery表单_Jquery - Fatal编程技术网

如何用excel数据填充jquery表单

如何用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>

我需要用多页excel工作簿中的数据填充表单。我曾尝试编写一个VBA脚本来序列化为Json,但它似乎非常耗费人力,并研究了一个名为jquery.populate的插件,但无法找到那个插件

以下是示例:

 <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