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

Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770
Форумы портала PHP.SU :: Версия для печати :: Динамическое добавление ячеек

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

Страниц (1): [1]

1. Demeus - 08 Августа, 2011 - 18:45:25 - перейти к сообщению

Привет!
У меня есть html таблица примерно такого содержания

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

 
<table>
        <tr>
        <form action='/admin/updateprice/' method='post' > 
        <td><span class="rowNumber">1</span></td>
        <td><input type="text" name="name" value="Иванов" /></td>
        <td><input type="text" name="age"  value="21" /></td>
        <td>
                <input type="hidden" name='id_page'  value='1' />
                <input type="submit" class="saveRow" value="Save" />
        </form>
        </tr>
<table>
 

И я хочу сделать кнопку добавить, чтоб при нажатии ее появлялись новые ячейки.
Использовал плагин jquery.table.addrow.js
он добавляет все ячейки, но но добавляет скрытые поля и тег form
Посоветуйте как это исправить, или может есть более лучший вариант решить эту проблему?

2. SAD - 08 Августа, 2011 - 19:24:42 - перейти к сообщению

не использовать плагин, а самому написать скрипт)

3. Demeus - 08 Августа, 2011 - 21:10:35 - перейти к сообщению

Подскажите хоть куда копать, jquery я мало знаю.

4. illy - 08 Августа, 2011 - 21:50:11 - перейти к сообщению

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

 
<script>
n=2;
function add_row(){
document.getElementById('add').innerHTML+='<br>'+n+' <input type=text name=name'+n+'> <input type=text name=age'+n+'>';
n++;
}
</script>
 
<table>
<form id=forma action=admin/updateprice method=post>
<tr>
<td id=add class=rowNumber>1
<input type=text name=name1 value=Иванов>
<input type=text name=age1  value=21><td valign=top>
<input type=hidden name=id_page  value=1>
<input type=submit class=saveRow value=Save>
</td>
</form>
<table>
<br><a href='javascript:add_row()'>Добавить</a>
 

5. SAD - 08 Августа, 2011 - 21:54:32 - перейти к сообщению

как то так

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

<script>
$(function() {
    $('#addRow').unbind('click').bind('click', function() {
        var $tr = $('<tr/>')
                      .append('<td><span class="rowNumber">'+(parseInt($('#table span.rowNumber:last').text())+1)+'</span></td>')
                      .append('<td><input type="text" name="name" value="" /></td>')
                      .append('<td><input type="text" name="age" value="" /></td>');
        $('#table').append($tr);
    });
});
</script>
<form action='/admin/updateprice/' method='post' >
    <table id="table">
        <tr>
            <td><span class="rowNumber">1</span></td>
            <td><input type="text" name="name" value="Иванов" /></td>
            <td><input type="text" name="age"  value="21" /></td>
        </tr>
    </table>
    <input type="hidden" name='id_page'  value='1' />
    <input type="submit" class="saveRow" value="Save" />
</form>
            
<input type="button" value="addrow" id="addRow">

я правда не знаю, в каком виде вы это хотите, и что вы в принципе потом хотите

6. Demeus - 09 Августа, 2011 - 13:47:17 - перейти к сообщению

Пишу так

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

 
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function() {
$('#addRow').unbind('click').bind('click', function() {
var $tr = $('<tr/>')
  .append('<form enctype=\"multipart/form-data\" action=\"/admin/updateprice/\" method=\"post\" >')
  .append('<td><span class="rowNumber">'+(parseInt($('#table span.rowNumber:last').text())+1)+'</span></td>')
  .append('<td><input type="text" name="name" value="sss" /></td>')
  .append('<td><input type="text" name="age" value="" /></td></form>');
$('#table').append($tr);
});
});
</script>
 
 
<table id="table">
<tr>
<td><span class="rowNumber">1</span></td>
<td><input type="text" name="name" value="Иванов" /></td>
<td><input type="text" name="age"  value="21" /></td>
</tr>
</table>
 
<input type="hidden" name='id_page'  value='1' />
<input type="submit" class="saveRow" value="Save" />    
<input type="button" value="addrow" id="addRow">
 

но на выходе получаю так

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

<form method="post" action="/admin/updateprice/" enctype="multipart/form-data"></form>

и соответственно не могу сохранить результат, где убрать закрытие тега </form>

7. SAD - 09 Августа, 2011 - 13:53:06 - перейти к сообщению

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

8. Demeus - 09 Августа, 2011 - 13:59:08 - перейти к сообщению

По умолчанию таблица грузится так

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

 
    <table id="table">
        <form enctype="multipart/form-data" action="/admin/updateprice/" method="post" >
        <tr>
            <td><span class="rowNumber">1</span></td>
            <td><input type="text" name="name" value="Иванов" /></td>
            <td><input type="text" name="age"  value="" />
 <input type="hidden" name='id_page'  value='1' />
</td>
        </tr>
        </form>
    </table>
<input type="button" value="addrow" id="addRow">  
 

При нажптии добавить мне надо вставить после </tr> такой код

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

 
        <form enctype="multipart/form-data" action="/admin/updateprice/" method="post" >
        <tr>
            <td><span class="rowNumber">2</span></td>
            <td><input type="text" name="name" value="" /></td>
            <td><input type="text" name="age"  value="2" /></td>
        </tr>
        </form>
 

9. SAD - 09 Августа, 2011 - 14:06:13 - перейти к сообщению

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

10. Demeus - 09 Августа, 2011 - 15:09:27 - перейти к сообщению

сделал я как написано выше

PHP:
скопировать код в буфер обмена

 
<?PHP 
print_r($_POST);
?>
<div class='prodlist'> 
                         <script src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function() {
    $('#addRow').unbind('click').bind('click', function() {
        var $tr = $('<tr/>')
                      .append('<td><span class="rowNumber">'+(parseInt($('#table span.rowNumber:last').text())+1)+'</span></td>')
                      .append('<td><input type="text" name="name" value="" /></td>')
                      .append('<td><input type="text" name="age" value="" /></td>');
        $('#table').append($tr);
    });
});
</script>
<form method='post' >
    <table id="table">
        <tr>
            <td><span class="rowNumber">1</span></td>
            <td><input type="text" name="name" value="Иванов" /></td>
            <td><input type="text" name="age"  value="21" /></td>
        </tr>
    </table>
    <input type="hidden" name='id_page'  value='1' />
    <input type="submit" class="saveRow" value="Save" />
</form>
           
<input type="button" value="addrow" id="addRow">
 

но print_r($_POST); выводит только последнею запись

11. SAD - 09 Августа, 2011 - 15:13:36 - перейти к сообщению

там нужно так, не name="name", а name="name[]"
тоже самое и с age

12. Demeus - 09 Августа, 2011 - 15:25:34 - перейти к сообщению

ну да точно Улыбка

но хотелось бы сделать кнопку сохранить для каждой строки, чтоб не было путаницы. так можно сделать?

13. SAD - 09 Августа, 2011 - 16:01:45 - перейти к сообщению

зачем? вы то одну форму отправляете со весми полями