Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/sharepoint/4.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
Jquery Can';t.append()选项来选择元素_Jquery_Append_Appendto - Fatal编程技术网

Jquery Can';t.append()选项来选择元素

Jquery Can';t.append()选项来选择元素,jquery,append,appendto,Jquery,Append,Appendto,我对.append()函数有问题 $('#add_row').on('click', function(){ var new_row = $(row_default).clone(); new_row.find('.col-1').text($(this).find('.ass-col-partenza').text()); new_row.find('.col-2').text($(this).find('.ass-col-colore').text()); n

我对.append()函数有问题

$('#add_row').on('click', function(){
    var new_row = $(row_default).clone();
    new_row.find('.col-1').text($(this).find('.ass-col-partenza').text());
    new_row.find('.col-2').text($(this).find('.ass-col-colore').text());
    new_row.find('.col-3').empty().html($select.clone());
    $table.append(new_row);
    console.log('New row added with select: ', $select);
});

$('#add_option').on('click', function(){
    var option = $('<option/>').val('Value '+idx).text('Text '+idx);
    idx++;
    // This should add options, and they should be added to DOM in future .append()
    $select.append(option);
    $('#my_table').find('.my_select').append(option);
    console.log('Added new option, new select is: ',$select);
});
$('add#row')。在('click',function()上{
var new_row=$(row_默认值).clone();
new_row.find('.col-1').text($(this.find('.ass col partenza').text());
新的_row.find('.col-2').text($(this.find('.ass col colore').text());
new_row.find('.col-3').empty().html($select.clone());
$table.append(新行);
log('添加了select:'的新行,$select);
});
$('add#option')。在('click',function()上{
var option=$('').val('Value'+idx).text('text'+idx);
idx++;
//这将添加选项,并且这些选项将在将来添加到DOM中
$select.append(可选);
$(“#我的表格”)。查找(“.my_选择”)。追加(选项);
log('Added new option,new select is:',$select);
});
下面是一个简短的指令列表:

我希望如果我附加一个选项,如果我附加一个新行,就会显示这个选项


PS我删除了我以前的问题,因为它变得非常凌乱。

刚刚创建并添加到
$select
的新
选项
元素将被删除并添加到DOM上的
.my select
元素。要避免这种情况,请按以下建议将克隆添加到
$select

只要改变一下:

$select.append(option);
致:

或者,您可以使用
.add()
组合要将新的
选项添加到的所有元素(在DOM或内存中),然后只添加
.append()
,而不需要
.clone()


附加选项的克隆,否则您只需移动它,只需尝试即可。谢谢现在我明白你说的“否则你只是在移动它”。
$select.append(option.clone());
//$select.append(option);
$('#my_table').find('.my_select').add($select).append(option);