Note that there are some explanatory texts on larger screens.

plurals
  1. POInsert a form in a jquery tab to submit data in database using php
    primarykey
    data
    text
    <p>I am using a form to submit data in three different tables, it is actually is a simple form with one submit button.</p> <p>But now I want the form to be divided in three different tabs each having a button, when the page is loaded first tab should be opened with a form having personal details with a proceed button on clicking proceed button second tab should open up containing another part of form and same goes to final tab having a submit button.</p> <p>I am not getting it how can it be done with php and JQuery tab.</p> <p>this was the code i wrote</p> <pre><code> &lt;script type="text/javascript"&gt; function OtherWork(val){ var element=document.getElementById('wtype'); if(val=='other') element.style.display='block'; else element.style.display='none'; } &lt;/script&gt; &lt;h2&gt;Add New Entry&lt;/h2&gt; &lt;hr /&gt; &lt;form action="processnewentry.php" method="post" name="myForm" onsubmit="return validateForm();" &gt; &lt;table width="560" border="0" cellspacing="5" cellpadding="0"&gt; &lt;tr&gt; &lt;td width="234"&gt;Lead Name :&lt;/td&gt; &lt;td width="311"&gt;&lt;input type="text" name="lename" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Lead Date : (mm/dd/yyyy)&lt;/td&gt; &lt;td width="311"&gt;&lt;input type="text" name="ldate" class="datepicker" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Contact Person :&lt;/td&gt; &lt;td width="311"&gt;&lt;input type="text" name="conper" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Company Name :&lt;/td&gt; &lt;td width="311"&gt;&lt;input type="text" name="cname" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Mobile No. :&lt;/td&gt; &lt;td width="311"&gt;&lt;input type="text" name="mobno" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Landline No. :&lt;/td&gt; &lt;td width="311"&gt;&lt;input type="text" name="phone" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Address :&lt;/td&gt; &lt;td width="311"&gt;&lt;textarea name="address" &gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Email :&lt;/td&gt; &lt;td width="311"&gt;&lt;input type="text" name="email" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Alt Address :&lt;/td&gt; &lt;td width="311"&gt;&lt;textarea name="altaddress" &gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Work Type :&lt;/td&gt; &lt;td width="311"&gt;&lt;select name="wtype" onchange='OtherWork(this.value);'&gt; &lt;option value="Website Designing"&gt;Website Designing&lt;/option&gt; &lt;option value="Android Application"&gt;Android Application&lt;/option&gt; &lt;option value="other"&gt;Other&lt;/option&gt; &lt;/select&gt;&lt;br /&gt; &lt;input type="text" name="wtype" id="wtype" style='display:none;'/&gt; &lt;/td&gt; &lt;/select&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Work Description :&lt;/td&gt; &lt;td width="311"&gt;&lt;textarea name="wdesc" &gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Expected Budget :&lt;/td&gt; &lt;td width="311"&gt;&lt;input type="text" name="exbudget" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Lead Executive :&lt;/td&gt; &lt;td width="311"&gt;&lt;select name="lexec"&gt; &lt;?php $q=mysql_query('SELECT * FROM $table'); while($rr=mysql_fetch_array($q)) { $na=$rr['name']; ?&gt; &lt;option value="&lt;?php echo $na;?&gt;"&gt;&lt;?php echo strtoupper($na);?&gt;&lt;/option&gt; &lt;?php } ?&gt; &lt;/select&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Lead Manager :&lt;/td&gt; &lt;td width="311"&gt;&lt;select name="lmana"&gt; &lt;?php $q=mysql_query('SELECT * FROM $table'); while($rr=mysql_fetch_array($q)) { $na=$rr['name']; ?&gt; &lt;option value="&lt;?php echo $na;?&gt;"&gt;&lt;?php echo strtoupper($na);?&gt;&lt;/option&gt; &lt;?php } ?&gt; &lt;/select&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Closing Date : (mm/dd/yyyy)&lt;/td&gt; &lt;td width="311"&gt;&lt;input type="text" name="cldate" class="datepicker" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Lead Status :&lt;/td&gt; &lt;td width="311"&gt;&lt;select name="lstat"&gt; &lt;option value="Hot"&gt;Hot&lt;/option&gt; &lt;option value="Warm"&gt;Warm&lt;/option&gt; &lt;option value="Cold"&gt;Cold&lt;/option&gt; &lt;/select&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Follow Up :&lt;/td&gt; &lt;td width="311"&gt;&lt;textarea name="followup" &gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Next Follow up : (mm/dd/yyyy)&lt;/td&gt; &lt;td width="311"&gt;&lt;input type="text" name="nfoldate" class="datepicker" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;Remark if any :&lt;/td&gt; &lt;td width="311"&gt;&lt;textarea name="remark" &gt;&lt;/textarea&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td width="234"&gt;&amp;nbsp;&lt;/td&gt; &lt;td width="311"&gt;&lt;input name="submit" type="submit" value="Submit" class="buttton" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload