Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/77.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
Javascript 如何使用Jquery从用户输入生成表内容?_Javascript_Jquery_Html_Html Table_User Input - Fatal编程技术网

Javascript 如何使用Jquery从用户输入生成表内容?

Javascript 如何使用Jquery从用户输入生成表内容?,javascript,jquery,html,html-table,user-input,Javascript,Jquery,Html,Html Table,User Input,我想制作一个包含用户输入并对其进行分类的表格我确实初始化了此代码,但如果您以奇怪的方式进行了许多输入并显示,则内容会一直显示在一旁我尝试了许多其他方法,同样的问题也会发生。请提供帮助 $document.readyfunction{ $btn.clickfunction{ $tbody.append; $tr.append; $td.append$txt.val; $tbody.append; $tr.append; $td.追加$txt2.val; $tbody.append; $tr.ap

我想制作一个包含用户输入并对其进行分类的表格我确实初始化了此代码,但如果您以奇怪的方式进行了许多输入并显示,则内容会一直显示在一旁我尝试了许多其他方法,同样的问题也会发生。请提供帮助

$document.readyfunction{ $btn.clickfunction{ $tbody.append; $tr.append; $td.append$txt.val; $tbody.append; $tr.append; $td.追加$txt2.val; $tbody.append; $tr.append; $td.追加$txt3.val; }; }; 添加表元素 笔名 普勒农 档案
使用jquery选择器$tr或$td时,分别选择allnot last tr和td标记。如果您想添加包含三个td的tr和数据,您应该创建1个tr,3个td,在每个td中追加数据,然后在tr中追加每个td,然后在第页追加tr。您应该为tbody标签添加id,以便选择类似的tbody,例如:

$document.readyfunction{ $btn.clickfunction{ var原始值=$; var ceil1=$.append$txt.val; var ceil2=$.append$txt2.val; var ceil3=$.append$txt3.val; raw.appendceil1.appendceil2.appendceil3; $'tbody'.appendraw; }; }; 添加表元素 笔名 普勒农 档案 试试这个:

$function{ $“添加”。单击“添加”功能{ var field1=$'field1'.val; var field2=$'field2'.val; var field3=$'field3'.val; 变量数据=``+field1+``+ ``+字段2+``+ ``+字段3+``; $‘表’。追加数据; }; }; 添加 字段1 字段2 字段3
理解您的问题有点困难,但我想您希望将表单数据添加到表中。我会这样做的。请注意,我已将一个id添加到您的表中。我还使用反勾号“非常规撇号”从表单中获取值

添加表元素 笔名 普勒农 档案 $document.readyfunction{ $btn.clickfunction{ $myTable.append` ${$txt.val} ${$txt2.val} ${$txt3.val} ` }; };