PDA

View Full Version : سوال: ایجاد سطر جدول با داده های textbox


baran.f.a
شنبه 17 مرداد 1394, 13:35 عصر
سلام
من برنامه ای دارم که لازمه شماره هایی از textbox رو بگیره و اون هارو در یک جدول قرار بده من می خوام با هر بار enter کردن داده ها در جدول قرار بگیرن اسکریپت زیر رو نوشتم اما جواب نمی گیرم لطفا راهنماییم کنید ممنون



<!doctype html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="kiyan_code/ddmenu/jquery.min.js"></script>
<title>Untitled Document</title>
</head>

<body>
<form action="Untitled-1.php" >
Enter Name:
<input type="text" name="serial" id="serial" />

<table id="cstbl" border="1">
<tr bgcolor="#FFFFFF" align="center">
<td>ردیف</td>
<td>شماره سریال</td>
<td>نام فروشگاه</td>
<td>کد پذیرنده</td>
<td>تاریخ خروج</td>
<td>نام ثبت کننده</td>
</tr>
</table>
<br />
<script type="text/javascript">
var index = 1;
$('input[name=serial]').on('keyup',function(e){
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 13) {
$('table').append('<tr><td></td><td></td> <td></td><td></td><td></td> <td></td> </tr>');
$('tr:last td:eq(0)').html(index);
$('tr:last td:eq(1)').html($(this).val());
$(this).focus().select();
index++;
}
});
</script>
</form>
</body>
</html>
sinoser
شنبه 17 مرداد 1394, 15:16 عصر
بفرما :لبخندساده:

<form action="Untitled-1.php" id="form">
<lable>Enter Name: <input type="text" name="serial" id="serial" /></lable>
<button type='submit'>hide sub</button>
</form>

<table id="cstbl" border="1">
<tr bgcolor="#FFFFFF" align="center">
<td>ردیف</td>
<td>شماره سریال</td>
<td>نام فروشگاه</td>
<td>کد پذیرنده</td>
<td>تاریخ خروج</td>
<td>نام ثبت کننده</td>
</tr>
</table>

var index = 1;
$('#form').submit(function(e){
e.preventDefault();
$('<tr> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr>')
.appendTo('table#cstbl')
.find('td:first')
.text(index)
.end()
.find('td:eq(1)')
.text($(':input[name=serial]',this).val());
$(this).focus().select();
index++;
});
baran.f.a
یک شنبه 18 مرداد 1394, 10:54 صبح
ممنونم از جوابتون می خواستم بدونم اگه بخوام نتیجه ی یک کوئری رو در همین جدول قرار بدم باید چیکار کنم ؟ ممنون می شم اگه جواب بدید .
sinoser
یک شنبه 18 مرداد 1394, 11:18 صبح
ممنونم از جوابتون می خواستم بدونم اگه بخوام نتیجه ی یک کوئری رو در همین جدول قرار بدم باید چیکار کنم ؟ ممنون می شم اگه جواب بدید .
برای دسترسی به هر خونه جدول می توند از دستور end و find استفاده کنید.
مثلا بعد از
.text($(':input[name=serial]',this).val());
می تونید خونه دلخواهتون رو انتخاب کنید و داده دلخواهتون رو با متد text (اگر متن خالیه) و html (اگر ساختار html دار هست) در اون قرار بدین.
مثلا خونه سوم

.text($(':input[name=serial]',this).val())
.end()
.find('td:eq(2)')