Question

我需要jquery的东西，允许实现以下功能：

1）点击＆＃34;按钮＆＃34;，它应该允许添加新的（克隆）行元素（如下面的HTML所示）。

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

3）此外，还有文本框的验证，点击提交按钮时触发。所以，这也是基于文本框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>

Answer 1

对于任何新创建的Elements，您必须附加事件处理程序，因为默认情况下它不会有任何事件处理程序。

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

另请分享您目前为止尝试过的代码。一个jsfiddle会有所帮助

如何使用jquery进行验证来实现克隆添加功能

1 个答案: