jQuery：通过 SELECT 选项设置克隆数量

Question

我有一个选择，我可以在其中选择我有多少个孩子，然后获取正确数量的输入。此片段克隆并添加数字。那么如果两次选择4，那么输入的数量就是8。我怎样才能使它成为固定数量的克隆，而不是添加克隆呢？

此外，我想为每个克隆添加 ID（我在脚本中将其称为“userInputID”，但它不起作用）或名称。我也这样做怎么办？

        //Add the right amount inputs based on SELECT option clicked
        $('select.linkedToNext').change(function() {
           // Get number of children chosen
           var childrenCount = $(this).val(),
               // Get a reference to the first input group so we can clone it
               userInputID = $(".linkedToPrev div").index();
               birthday = $('.linkedToPrev div:first').attr('name', userInputID);

           // Clone per number chosen
           for (var i = 0; i < childrenCount; i++) {
                // Insert clone after original.
                // IRL, you probably need to do some preprocessing on it first.
                birthday.clone().insertAfter(birthday);
                $(this).parent().next(".linkedToPrev").slideDown('slow');
           }
        });

你们能帮我一下吗？我想我在这个问题上超出了我的想象......:-(

Answer 1

首先，您应该将 var ChildrenCount = $(this).val() 更改为：

var childrenCount = $(this).find('option:selected').val()

此外，我想添加ID
（我在
脚本但不起作用）或名称
到每个克隆。

可以这样做：

birthday
    .clone()
    .attr('name', 'somenamehere')
    .attr('id', 'elemIdHere')
    .insertAfter(birthday);