اضافه کردن فیلد به صورت اتوماتیک
سلام دوستان
من یک برنامه دارم که کاربر میتونه برای یک فعالیت چند هدف تعریف کنه ومی خواهم این کار رو با اجاکس یا جاوا اسکریپت بکنم که جالب بشه
می خواهم یک عکس کنار آن گروه از تکس فیلدها بذارم وکاربربا کلیک روی ان عکس ان گروه از فیلدها تکراری براش باز یشه ولی برای چند تا فیلد چیزیی تو اینترنت پیدا نکردم لطفا کمک کنید اینم عکس از صفحه برای اینکه بهتر متوجه بشید
من که نفهمیدم میخوای چیکار کنی پ خ کن منظورت رو تا ج.اب رو اینجا بزارم
منظورت اینه که میخوای با اون علامت + فیلد اضافه کنه؟
اگر منظورت اونه میتونه از for کمک بگیری
بله من می خواهم با ان + چند تا فیلد در هر مرحله کلیک کردن اضافه کنم
خودم ان شکل بالا رو که می بینی برای حالتی که یک فیلد اضافه کنه رو درست کردم حالا برای چند تا فیلدش رو موندم
سلام دوستان این کد رو خودم پیدا کردم ولی تمام فیلدها رو با یک نام میسازه من می خواهم نامشون هم منحصر به فرد باشه
کسی می توانه این کدرو برام تغییر بده یا کدی با این مشخصات بران بذاره؟
کد HTML:html> <head> <title></title> <script language="javascript"> fields = 0; function addInput() { if (fields != 10) { document.getElementById('text').innerHTML += "<br>Title: <input type='text' name='title' /><br />Name: <input type='text' name='name' /><br />Copy: <input type='text' name='copy' /><br>"; fields += 1; } else { document.getElementById('text').innerHTML += "<br />Only 10 data entries allowed."; document.form.add.disabled=true; } } field = 0; function addErase() { if (field != 1) { document.getElementById('erase').innerHTML += "<input type='button' onclick='reset()' value='Reset fields' />"; field += 1; } else { } } </script> </head> <body> <form name="form" action="form.php" method="post"> Title: <input type="text" name="title" /> <br />Name: <input type="text" name="name" /> <br />Copy: <input type="text" name="copy" /> <p> <div id="text"> </div> </p> <p> <input type="button" onclick="addInput(),addErase()" name="add" value="Add input field" /> </p> <br /> <input type="submit" value="Submit" /> <div id="erase"> </div> </form> </body> </html
قوانین ایجاد تاپیک در تالار
پاسخ با نقل قول