سوال: افزودن تعدادی تکست باکس با هر کلیک روی دکمه [بایگانی]

View Full Version : سوال: افزودن تعدادی تکست باکس با هر کلیک روی دکمه

h.alizadeh

یک شنبه 27 تیر 1389, 17:11 عصر

سلام،

من یک فرم دارم شامل دو دکمه submit.

یکی از دکمه های submit میخوام با کلیک بر روی این دکمه هربار یک تعدادی تکست باکس به پایین جدول اضافه کنه ...
اما نمیشه باهربار کلیک فقط یک سطر اضافه میشه یعنی ده بارم کلیک میکنم فقط یک سطر اضافه میشه من میخوام با ده بار کلیک روی این دکمه ده تاسطر اضافه بشه باید چکار کنم؟

کدمن این شکلیه کار نمیکنه درست:

<?php
if(isset($_REQUEST['createTextBox']))
{

?>
<tr>
<td> homa</td>
<td> </td>
<td></td>
<td></td>
</tr>
<?php
}

?>

mohmadd

یک شنبه 27 تیر 1389, 17:36 عصر

ببین یه چنین چیزی میخوای ؟

<html>
<head>
<script type="text/javascript">
i=1;
function add()
{
input='<input type"text" /><br />';
document.getElementById("at").innerHTML+='text '+i+':'+input;
i++;
}
</script>
</head>
<body>

<input type='submit' onclick='add()' value="Add">
<div id="at"></div>
</body>
</html>

h.alizadeh

یک شنبه 27 تیر 1389, 18:01 عصر

ممنون ،
من اینجوری اومدم استفاده کنم کار نمیکنه:

<script type="text/javascript">
i=1;
function add()
{
input='<input type"text" name="n'+i+'" /><br />';
document.getElementById("at").innerHTML+='text '+i+':'+input;
i++;
}
</script>
</head>
<body>
<?php
if(isset($_REQUEST['add']))
{echo "homa";}//$_POST['n1'];}
?>
<form action="" name="frmSabeghejob">
<input type="submit" name="add" value="sabt"/>
</form><input type='submit' onclick='add()' value="Add">
<div id="at"></div>

یعنی تکست باکس ایجاد میشه ولی وقتی رو دکمه submitدیگهه کلیک میکنم تکست باکس ها می پره(از بین میره.)

mohmadd

یک شنبه 27 تیر 1389, 19:09 عصر

به این مثال توجه نمایید:(چقدر کتابی حرف زدم :لبخند:)

در این قسمت با هر بار کلیک روی add یک فیلد درست میشه و بعد از send
مقادیر رو در فایل دیگر چاپ میکنیم .
فقط اینجا توجه کن که تگ div داخل تگ form قرار داره در غیر این صورت کار نمیکنه

<html>
<head>
<script type="text/javascript">
i=1;
function add()
{
input='<input type="text" name="text'+i+'" /><br />';
document.getElementById("at").innerHTML+='text '+i+':'+input;
i++;
}
</script>
</head>
<body>

<form action="examples.php" method="post">
<div id="at"></div>

<input type="submit" value="Send" />
</form>
<input type="submit" onclick="add()" value="Add" />
</body>
</html>تو این فایل مقادیر ثبت شده رو میگیرم و چاپ میکنیم
اسم فایل examples.php که در فرم بالا در تگ form وارد کردیم.

<?php
$i=1;
while(isset($_REQUEST["text$i"]))
{
echo "text$i :\"".$_REQUEST["text$i"].'"<br />';
$i++;
}
?>

h.alizadeh

یک شنبه 27 تیر 1389, 19:18 عصر

خب نمیشه کاری کرد که توی همین صفحه بهش دسترسی داشت و ازش استفاده کرد؟

چون نمیخوام به صفحه دیگه پاس بشه.:متفکر:

mohmadd

یک شنبه 27 تیر 1389, 20:00 عصر

خب نمیشه کاری کرد که توی همین صفحه بهش دسترسی داشت و ازش استفاده کرد؟

چون نمیخوام به صفحه دیگه پاس بشه.:متفکر:
خوب php تحت سروره باید اطلاعات به سرور فرستاده بشه ولی جاوااسکریپت نه.
مگر اینه با ajax بخوای اینکارو بکنی

نقل قول از سایت w3schools

AJAX is about updating parts of a web page, without reloading the whole page.

اگه منظورتون اینه که کل کد ها تو یه فایل باشه همش رو کپی کن تو یه فایل ...