Форумы портала PHP.SU :: Версия для печати :: Добавка полей формы в таблице

1. Tyoma5891 - 13 Апреля, 2014 - 17:33:30 - перейти к сообщению

Добрый день всем!
Возник такой вопрос есть таблица в ней форма и яваскрипт который добавляет при нажатии кнопки строки в таблице с полями формы....

CODE (html):
скопировать код в буфер обмена

 
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
var cnt = 2;
    $(document).ready(function(){
        // Add new row
        $('.add-button').click(function(event){
            event.preventDefault();
            var line = $('#parameters_1').html();
            var expr = /del_[0-9]+/;
            var newline = line.replace(expr, 'del_'+cnt);
            $('.parameters-table').append('<tr class="parameters" id="parameters_'+cnt+'">'+newline+'</tr>');
            cnt++;
        });
    });
 
    // Delete row
    function deleteRow(btn_id){
        var del_id = btn_id.split('_');
        $('#parameters_'+del_id[1]).remove();
    }
</script>
</head>
<form action="" method="post">
<table class="parameters-table">
    <tr>
        <th>Type</th>
        <th>Depth</th>
        <th>Width</th>
        <th>Height</th>
        <th>Quantity</th>
        <th></th>
    </tr>
    <tr class="parameters" id="parameters_1">
        <td>
            <select name="type[]">
                <option value="type_1">Type 1</option>
                <option value="type_2">Type 2</option>
                <option value="type_3">Type 3</option>
                <option value="type_4">Type 4</option>
            </select>
        </td>
        <td>
            <select name="depth[]">
                <option value="1">1 mm</option>
                <option value="2">2 mm</option>
                <option value="3">3 mm</option>
                <option value="4">4 mm</option>
            </select>
        </td>
        <td>
            <input type="text" name="width[]" value=""/>
        </td>
        <td>
            <input type="text" name="height[]" value=""/>
        </td>
        <td>
            <input type="text" name="quant[]" value=""/>
        </td>
        <td>
            <button type="button" class="del-button" id="del_1" onclick="deleteRow(this.id); return false;">Delete</button>
        </td>
    </tr>
</table>
<p>
    <button class="add-button">Add row</button>
</p>
<p>
    <input type="submit" value="Send form"/>
</p>
</form>
 

каким образом можно отфильтровать селекты при последующем нажатии кнопки доьавить, тоесть чтобы добавлялись и отображались только обычные ячейки с инпутами...