Javascript 如何使用jQuery检索名称列表属性(html)中的数据?
我试图通过jQuery从输入中检索名称列表。 有人能告诉我怎么做吗 例如,以下输入:Javascript 如何使用jQuery检索名称列表属性(html)中的数据?,javascript,php,jquery,html,Javascript,Php,Jquery,Html,我试图通过jQuery从输入中检索名称列表。 有人能告诉我怎么做吗 例如,以下输入: Henry | 25 | Financial Advisor Eric | 28 | Chemistry Professor Lance | 30 | Database Administrator 如何使用jQuery和name[]属性检索Henry、Eric、Lance的名字 HTML <div id="wrapper"> <div id="form_div"> <form
Henry | 25 | Financial Advisor
Eric | 28 | Chemistry Professor
Lance | 30 | Database Administrator
如何使用jQuery和name[]属性检索Henry、Eric、Lance的名字
HTML
<div id="wrapper">
<div id="form_div">
<form method="post" action="store_employee.php">
<table id="employee_table" align=center>
<tr id="row1">
<td><input type="text" name="name[]" placeholder="Enter Name"></td>
<td><input type="text" name="age[]" placeholder="Enter Age"></td>
<td><input type="text" name="job[]" placeholder="Enter Job"></td>
</tr>
</table>
<input type="button" onclick="add_row();" value="ADD ROW">
<input type="submit" name="submit_row" value="SUBMIT">
</form>
</div>
Javascript
function add_row()
{
$rowno=jQuery("#employee_table tr").length;
$rowno=$rowno+1;
jQuery("#employee_table tr:last").after(
"<tr id='row"+$rowno+"'>"+
"<td><input type='text' name='name[]' placeholder='Enter Name'></td>"+
"<td><input type='text' name='age[]' placeholder='Enter Age'></td>"+
"<td><input type='text' name='job[]' placeholder='Enter Job'></td>"+
"<td><input type='button' value='DELETE' onclick=delete_row('row"+$rowno+"')></td>"+
"</tr>");
}
function delete_row(rowno)
{
jQuery('#'+rowno).remove();
}
函数添加_行()
{
$rowno=jQuery(“#employee_table tr”).length;
$rowno=$rowno+1;
jQuery(“#employee_table tr:last”)。之后(
""+
""+
""+
""+
""+
"");
}
函数删除_行(行号)
{
jQuery(“#”+rowno).remove();
}
您可以使用map()
let res=$('tr').map(('tr',row)=>{
return[$(row.find('input').map((\uel,el)=>el.value.get()]
}).get()
console.log(res)
您可以使用map()
let res=$('tr').map(('tr',row)=>{
return[$(row.find('input').map((\uel,el)=>el.value.get()]
}).get()
console.log(res)
您可以使用name属性以正确的输入为目标。。。然后寻找价值
函数添加_行()
{
$rowno=jQuery(“#employee_table tr”).length;
$rowno=$rowno+1;
jQuery(“#employee_table tr:last”)。之后(
""+
""+
""+
""+
""+
"");
}
函数删除_行(行号)
{
jQuery(“#”+rowno).remove();
}
$(“#测试”)。在(“单击”,函数(){
变量名称=[];
变量nameInputs=$(“输入[name='name[]']”);
对于(i=0;i您可以使用name属性以正确的输入为目标…然后查找值
函数添加_行()
{
$rowno=jQuery(“#employee_table tr”).length;
$rowno=$rowno+1;
jQuery(“#employee_table tr:last”)。之后(
""+
""+
""+
""+
""+
"");
}
函数删除_行(行号)
{
jQuery(“#”+rowno).remove();
}
$(“#测试”)。在(“单击”,函数(){
变量名称=[];
变量nameInputs=$(“输入[name='name[]']”);
对于(i=0;它似乎只提供了名字输入。应该给你所有的名字,你可以通过以下方式进行检查:names[0](名字)names[1](第二个名字)等
这似乎只提供了名字输入。应该给你所有的名字,你可以通过以下方式进行检查:names[0](第一个名字)names[1](第二个名字)etc
非常感谢。这就是我要找的!非常感谢。这就是我要找的!
var names = $("[name='name[]']");