Я попытался добавить строку в таблицу, но это не работает и даже не дает никаких ошибок, где ошибка? Я добавил переменный счетчик так, что она будет увеличиваться идентификатором, так что значение откладывается в базе данных правильнодобавить строки таблицы с помощью jquery
<html>
<head>
<%--<script type="text/javascript" src="jquery-1.3.2.min.js"></script>--%>
<script type="text/javascript" src=" https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
var counter = 2;
$("#addButton").click(function() {
if (counter > 10) {
alert("Only 10 rows allowed");
return false;
}
$('#preq > tbody:last').append('<tr id="row'+counter+' "><td><input title="Enter Kind Of work '+counter+'" readonly="readonly" onclick="if(this.value!=''){this.value='';opendrop();}else{opendrop();}" id="other_work'+counter+'" name="other_work'+counter+'" type="text" size="30" <?php if (isset($errors)) { echo 'value="'.htmlentities(@$_POST['other_work'+counter+'']).'"'; } ?> ></td> <td><input name="client_name'+counter+'" size="40" type="text" id="client_name'+counter+'"/></td><td><input name="firm_name'+counter+'" size="40" type="text" id="firm_name'+counter+'" /> </td> </tr>');
counter++;
});
</script>
<table id="preq">
<tbody>
<tr>
<td>
<input title="Enter Kind Of work 4" readonly="readonly" onclick="if(this.value!=''){this.value='';opendrop();}else{opendrop();}" id="other_work4" name="other_work4" type="text" size="30" <?php if (isset($errors)) { echo 'value="'.htmlentities(@$_POST['other_work4']).'"'; } ?> >
</td>
<td><input name="client_name4" size="40" type="text" id="client_name4"/>
</td>
<td><input name="firm_name4" size="40" type="text" id="firm_name4" /> </td>
</tr>
</tbody>
</table>
<input type='button' value='Add Button' id='addButton' />
</body>
</html>
Возможный дубликат http://stackoverflow.com/questions/2160890/how-do-you-append-rows-to-a-table-using-jquery & http://stackoverflow.com/questions/2228772/ динамически-add-remove-rows-in-table-using-jquery & –