PDA

View Full Version : سوال: ساخت دکمه add new | مبتدی



hcp90sadra
پنج شنبه 19 آذر 1394, 20:31 عصر
سلام
در بعضی از افزونه های وردپرس مخصوصا افزونه های نظرسنجی دیدید که معمولا حداقل ۲ فیلد وجود داره و با زدن روی دکمه add new یک فیلد جدید ساخته میشه
منم به همچین امکانی نیاز دارم.
( با کد های html مخفی هم آشنایی زیادی ندارم. چون برای ساخت این دکمه باید از این طریق جلو رفت. )
اگر متوجه نشدید بگید بیشتر توضیح بدم

thinkdiff
شنبه 12 دی 1394, 23:46 عصر
شما نیاز به استفاده از jquery دارین. برای این کار هم به دنبال دستور append بگردین. نیازتون رفع میشه








---------------------------------------------------------
امیر سالار پورحسن

arash_fa
یک شنبه 13 دی 1394, 21:08 عصر
<div><button onclick="add_field(1)" type="button" class="btn btn-white btn-default btn-round"><i class="ace-icon fa fa-plus green"></i>افزودن</button><button onclick="add_field(0)" type="button" class="btn btn-white btn-default btn-round"><i class="ace-icon fa fa-minus red2"></i>حذف</button></div>
<div id="main_div_ext" ><div class="child_div" id="id_1" data-add="1"><input type="text" name="name[]"/></div></div><script> function add_field(f){ var main = $('#main_div_ext'); var last = $( "#main_div_ext .child_div:last-child" ); if(f==1){ var mynum = parseInt(last.attr('data-add'))+1; var e = '<div class="child_div" id="id_'+mynum+'" data-add="'+mynum+'">';e +=' <input type="text" name="name[]"/> ';e +='</div>'; main.append(e); }else if(f==0){ if( last.attr('data-add') <=1) return; last.remove(); return; } }</script>