0

選択ボックスに問題があります。ms-dropdown https://github.com/marghoobsuleman/ms-Dropdownを使用して、ADD/REMOVE テーブル行と統合します。これが jquery スクリプト全体です。

$(document).ready(function() {
        var id = 0;
            var n = 0;

            // Add button functionality
            $("table.dynatable button.add").click(function(e) {
            e.preventDefault();
                id++;
                n++;
                var master = $(this).parents("table.dynatable");

                // Get a new row based on the prototype row
                var prot = master.find(".prototype").clone();
                prot.attr("class", "")
                prot.find(".id").attr("value", id);
                prot.find(".num").html(n);

                master.find("tbody").append(prot);
            });

            // Remove button functionality
            $("table.dynatable button.remove").live("click", function() {
                $(this).closest("tr").remove();

            });

    $(".tech").msDropdown();    

});

で、テーブルはこちら

<table class="dynatable" align='center' id='dynatable' border='1'>
                        <thead>
                            <tr>
                                <th width='500px' colspan='2'>Window Type</th>
                                <th><button class="add">Add</button></th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="prototype">
                                <td width='5px'>
                                    <span class='num'>1</span>
                                </td>
                                <td>
                                <input type="checkbox" name="checkbox[]" value="0" class="id" id='checkbox' style='display:none;' checked/>
                                <select name='prod_type[]' class='tech' style='width:300px;'>   
                                    <option value='' data-description="Select Window/Door"></option><option value='Sample1' data-image="" data-description="This is sample 1">
                                            Sample 1
                                      </option><option value='Sample2' data-image="" data-description="This is sample 2">
                                            Sample 2
                                      </option><option value='Sample 3' data-image="" data-description="This is sample 3">
                                            Sample 3
                                      </select>                             

                                </td>
                                <td>
                                    <button class="remove">X</button>
                                </td>
                            </tr>
</table>

問題は、[追加] ボタンをクリックすると行が追加されますが、選択ボックスが無効になっているように見えることです。なぜこれが起こるのだろうか..助けてください..事前に感謝します。

これがフィドルです： http://jsfiddle.net/jc_garcia0527/QzQ2q/

4

1 に答える 1

0

こんにちは私はあなたのコードを見ました....そして問題が好きです....

このリンクを参照して、解決されたコードを確認してください...

この問題を解決するには、HTML コードの以下の行を置き換えるだけです

<input type="checkbox" name="checkbox[]" value="0" class="id" id='checkbox' style='display:none;' checked/>

このコード行で

<input type="checkbox" name="checkbox[]" value="0" class="id" id='checkbox' checked/>

あなたはちょうどあなたを削除する必要がありますstyle='display:none'

于 2014-01-08T07:32:55.410 に答える