Question

我想知道如何使用ADD按钮动态创建下面的<select>“，然后能够将值作为POST发送到PHP文件

HTML

<select id ='123' class='elements'>
  <option value='1'>First option value</option>
  <option value='2'>Second option value</option>
  <option value='3'>Third option value</option>
</select>

也许这会作为一组值发送？

jQuery

$("#save").click(function() {

var values = {};
$('input.elements').each(function(n, el){
   values[ $(el).attr('id') ] = $(el).val();
});

$.ajax( {
    type : 'POST',
    url : '../update.php',
    data : {value: values}
  });
});

我不知道如何创建<select>到最后一行，例如<table id='myTable'>任何人都有想法？

编辑

我可以使用以下代码在表格中成功添加新行：

$("#addbutton").click(function() {
  $('#myTable > tbody:last').append('<tr><td>Hello world</td></tr>');
});

然而，当我尝试在行中插入<select>时，我得到错误：“缺少”参数列表之后“并且它指向<select id='之后的第一个撇号

为什么这样做？

Answer 1

使用以下伪代码创建选择选项

var outerselect  = $('<select><option value='1'>First option value</option>
  <option value='2'>Second option value</option>
  <option value='3'>Third option value</option>
</select>')

$("tablecellelector").append(outerselect)

Answer 2

也许是这样的？

$("#mytable:last-child").after('<select>....bla bla bla...</select>');

编辑：

在我看到你的编辑“刚才抱歉”之后我想你的问题是“引用”

添加选择

时

$("whatever").append('<select id="">......</select>');

你必须这样做 1-注意引用“一个好的编辑可以照顾那个” 2-将它放在<td> here </td>

中

jQuery将多个<select>附加到HTML表的最后一行，然后作为数组发送到PHP </select>

2 个答案: