通过mysqli php select在javascript中克隆

我正在开发这个select，在这里我可以使用javascript进行克隆

但在此之前，我有这个脚本来选择选项。

 <script type="text/javascript">
            $(document).ready(function () {
                $('select').on('change', function (e) {
                    var selected_value = $(this).val();
                    var option_data = $(this).children('option[value="' + selected_value + '"]');

                    // get data values
                    var visanumber = option_data.data('visanumber');
                    var idnumber = option_data.data('idnumber');
                    var tesdaNumber = option_data.data('tesdanumber');
                    var subdate = option_data.data('subdate');

                    // the photo
                    var accntVisaPhotoPath = option_data.data('accntvisaphotopath');

                    $(this).closest('td').siblings().find('img.accntVisaPhotoPath').attr('src', accntVisaPhotoPath);

                    var passportPath = option_data.data('passportpath');
                    $(this).closest('td').siblings().find('img.passportPath').attr('src', passportPath);

                    // set the values
                    $(this).closest('td').siblings().find('span.visanumber').text(visanumber);
                    $(this).closest('td').siblings().find('span.idnumber').text(idnumber);
                    $(this).closest('td').siblings().find('span.tesdaNumber').text(tesdaNumber);
                    $(this).closest('td').siblings().find('span.subdate').text(subdate);
                });
            });
</script>

$（文档）.ready（函数（）{
$（'select'）。关于（'change'，函数（e）{
var selected_value=$（this.val（）；
var option_data=$（this）.children（'option[value=“”+selected_value+”）；
//获取数据值
var visanumber=选项_data.data（'visanumber'）；
var idnumber=选项_data.data（'idnumber'）；
var tesdaNumber=选项_data.data（'tesdaNumber'）；
var subdate=选项_data.data（“subdate”）；
//照片
var accntVisaPhotoPath=选项_data.data（'accntVisaPhotoPath'）；
$（this）.closest（'td'）.sides（）.find（'img.accntVisaPhotoPath'）.attr（'src'，accntVisaPhotoPath））；
var passportPath=option_data.data（'passportPath'）；
$（this）.closest（'td'）.sides（）.find（'img.passportPath'）.attr（'src'，passportPath））；
//设置值
$（this）.closest（'td'）.sides（）.find（'span.visanumber'）.text（visanumber）；
$（this）.closest（'td'）.sides（）.find（'span.idnumber'）.text（idnumber）；
$（this）.closest（'td'）.sides（）.find（'span.tesdaNumber'）.text（tesdaNumber）；
$（this）.closest（'td'）.sides（）.find（'span.subdate'）.text（subdate）；
});
});

上面的脚本运行良好，我决定使用另一个javascript克隆SELECT，以便最多使用10个SELECT。没有它，它太破碎一些添加10个选择

<script type="text/javascript">
            var regex = /^(.+?)(\d+)$/i;
            var cloneIndex = $(".clonedInput").length;

            function clone(){
                $(this).parents(".clonedInput").clone()
                    .appendTo("body")
                    .attr("id", "clonedInput" +  cloneIndex)
                    .find("*")
                    .each(function() {
                        var id = this.id || "";
                        var match = id.match(regex) || [];
                        if (match.length == 3) {
                            this.id = match[1] + (cloneIndex);
                        }
                    })
                    .on('click', 'button.clone', clone)
                    .on('click', 'button.remove', remove);
                cloneIndex++;
            }
            function remove(){
                $(this).parents(".clonedInput").remove();
            }
            $("button.clone").on("click", clone);

            $("button.remove").on("click", remove);
</script>

var regex=/^（+.+？）（\d+）$/i；
变量克隆索引=$（“.clonedInput”）.length；
函数克隆（）{
$（this.parents（“.clonedInput”）.clone（）
.附件（“正文”）
.attr（“id”、“克隆输入”+克隆索引）
.find（“*”）
.each（函数（{
var id=this.id | |“”；
var match=id.match（正则表达式）| |[]；
如果（match.length==3）{
this.id=匹配[1]+（克隆索引）；
}
})
.on（'click'、'button.clone'，clone）
.on（'click'，'button.remove'，'remove'）；
克隆索引++；
}
函数删除（）{
$（this.parents（“.clonedInput”）.remove（）；
}
$（“button.clone”）。单击（“单击”，克隆）；
$（“button.remove”）。单击（“单击”，删除）；

顺便说一句，在这个脚本中调用第二个脚本之后，它就不起作用了

<?php
$result = mysqli_query($db, "SELECT * FROM applicant WHERE masterStat='CVF-Active' AND (tesdaNumber !='') AND (passport !='') ORDER BY appID");
                ?>
                <div align="center">
                    <form name="listUsers" method="post" action="cvsEmail.php" enctype="multipart/form-data" accept-charset="UTF-8">
                        <table border="1px" width="600">
                            <tr>
                                <th>
                                    <div align="center">&nbsp;Applicant Name&nbsp;</div>
                                </th>
                                <th>
                                    <div align="center"><font color="red">&nbsp;TESDA Number&nbsp;</font></div>
                                </th>
                                <th>
                                    <div align="center">&nbsp;Passport&nbsp;</div>
                                </th>
                            </tr>
                            <tr align="center" bgcolor="red">
                                <td colspan="3">
                                    Email:
                                    <select name="email">
                                        <option value="">Select FIRST</option>
                                        <option value="xxx@live.com.ph">Test</option>
                                        <option value="xxxs@hotmail.com">Al XXXX</option>
                                        <option value="ssgfgf@gmail.com">Al XXXXXX</option>
                                    </select>
                                </td>
                            </tr>
                            <tr>
                                <td>    
                                   <div id="clonedInput1" class="clonedInput">
                                       <div>
                                        <label for="users" class="">Applicant: <span class="requiredField">*</span></label>   
                                        <select class="" name="users[]" id="users">
                                        <?php
                                        echo "<option value=\"\">Select:</option>"; 
                                         while ($row = mysqli_fetch_array($result)) {
                                        echo "<option value='" . $row['appID'] . "'  data-tesdaNumber='" . $row['tesdaNumber'] . "' data-passportPath='http://emmanuelstaffing.com/webV2/acf/" . $row['passportPath'] . "'>" . $row['fName'] . " " . $row['lName'] . "</option>";
                                        }
                                        //First var

                                        $_REQUEST['appID'];

                                        ?>
                                    </select>
                                    <div class="actions">
                                        <button class="clone">Add One</button> 
                                        <button class="remove">Remove</button>
                                    </div>
                                    </div>
                                   </div>

顺便说一句，感谢@of在stackoverflow的另一个网站上发布。