Javascript 如何使用jquery通过验证实现克隆添加功能

我需要jquery的东西来实现以下功能：

1） 单击“按钮”，应该允许添加新的（克隆）行元素（如下面的HTML所示）

2） 在row元素中，它包含一个SELECT列表，该列表在一个下拉列表的选择更改时绑定了更改事件，填充了另一个下拉列表

3） 此外，还有文本框的验证，该文本框在单击submit按钮时触发。所以，这也是基于文本框ID选择器的

我无法专门针对第2点和第3点实现上述功能

请引导我

      <a href="#" class="show_hide1" style="text-decoration: none; color: inherit; float: right;">
       &nbsp;</a>
  <h1 class="infoTitle clearfix">
    Other Class Information</h1>
  <br />
 <div id="hsOther" class="piTable slidingDiv1">
<div class="content1">
    <table class="divclass" width="100%">
        <tr class="tdStyle">
            <td>
                <label class="customFont" for="OtherInstitueName">
                    Class Name</label>
            </td>
            <td>
                <label class="customFont" for="OtherAddress">
                    Street Address</label>
            </td>
            <td>
                <label class="customFont" for="OtherCity">
                    City</label>
            </td>
        </tr>
        <tr class="tdStyle">
            <td class="tdStyle">
               <select data-val="true" data-val-number="The field OtherStateId must be a number."
                    data-val-required="The OtherStateId field is required." id="Select1" name="OtherStateId"
                    style="font-family: Calibri; font-size: 16px;">
                    <option value=""></option>
                    <option value="NI">NI</option>
                    <option value="UT">UT</option>
                    <option value="IO">IO</option>                       
                </select>
                <select data-val="true" data-val-number="The field OtherStateId must be a number."
                    data-val-required="The OtherStateId field is required." id="selectClass" name="OtherStateId"
                    style="font-family: Calibri; font-size: 16px;">
                    <option value=""></option>
                    <option value="NI">NI</option>
                    <option value="UT">UT</option>
                    <option value="IO">IO</option>                       
                </select>
            </td>
            <td class="tdStyle">
                <input id="OtherAddress" maxlenght="200" name="OtherAddress" style="font-family: Calibri;
                    font-size: 16px;" type="text" value="" />
            </td>
            <td class="tdStyle">
                <input id="OtherCity" maxlenght="50" name="OtherCity" style="font-family: Calibri;
                    font-size: 16px;" type="text" value="" />
            </td>
        </tr>          
       </table>
     </div>
 </div>

其他班级资料


类名
街道地址
城市
镍
美国犹他州
木卫一
镍
美国犹他州
木卫一

对于任何新创建的

元素

，您必须附加事件处理程序，因为默认情况下它不会有任何事件处理程序

如果您正在使用从jquery到clone的clone方法，请确保使用事件进行克隆（默认情况下，clone方法不会克隆事件）

另外，请分享您迄今为止尝试过的代码。一个JSFIDLE会很有帮助