Databases
StackOverflow2013
Postsdbo
POVariables in javascript, auto populate form
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POVariables in javascript, auto populate form
    text
    copied!<p>I'm having problem receiving more than 8 values from javascript on this script... It should auto populate fields on dropdown option (select), it does work properly, but i can't get more than 8 values... Where's the problem? THanks!</p> <pre><code>&lt;script type="text/javascript"&gt; // Format of StoreDetails() // Name,Addr1,Addr2,Addr3,Phone,FAX,Email,Webpage, Url var StoreDetails = [ ['Please select','','','','','','','',''], ['Please select','test1','test2','test3','test4','test5','test6','test7','test8'] // Note: no comma ]; function Setup(TA) { var str = "&lt;select id='Store' class='styled-select' onchange='StoreInfo()'&gt;"; for (var i=0; i&lt;StoreDetails.length; i++) { str += '&lt;option value="'+StoreDetails[i].join('|')+'"&gt;'+StoreDetails[i] [0]+'&lt;/option&gt;'; } str +='&lt;/select&gt;'; document.write(str); } function StoreInfo() { var sel = document.getElementById('Store').selectedIndex; var tmp = []; tmp.push(sel); for (var i=1; i&lt;8; i++) { tmp.push(StoreDetails[sel][i]); } document.getElementById('txtName').value = tmp[1]; document.getElementById('txtAddr1').value = tmp[2]; document.getElementById('txtAddr2').value = tmp[3]; document.getElementById('txtAddr3').value = tmp[4]; document.getElementById('txtPhone').value = tmp[5]; document.getElementById('txtPhone2').value = tmp[6]; document.getElementById('txtEmail').value = tmp[7]; document.getElementById('txtWebpage').value = tmp[8]; document.getElementById('txtUrl').value = tmp[9]; } &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="container"&gt; &lt;header class="clearfix"&gt; &lt;img src="logo.png"/&gt; &lt;nav class="codrops-demos"&gt; &lt;a class="current-demo" href="index.php"&gt;Some text&lt;/a&gt; &lt;/nav&gt; &lt;/header&gt; &lt;section class="main clearfix"&gt; &lt;div class="fleft"&gt; &lt;p&gt;Da bi porucili vizit karte, izaberite ime i kolicinu, zatim potvrdite.&lt;/p&gt; &lt;/div&gt; &lt;div class="fleft"&gt; &lt;form id="testconfirmJQ" name="testconfirmJQ" method="post" action="output.php"&gt; &lt;script type="text/javascript"&gt;Setup();&lt;/script&gt; &lt;table border="0"&gt; &lt;input type="text" hidden="hidden" id="txtName" name="txtName" size="30" value=""&gt; &lt;/td&gt;&lt;/tr&gt; &lt;input type="text" hidden="hidden" id="txtAddr1" name="txtAddr1" size="30" value=""&gt; &lt;/td&gt;&lt;/tr&gt; &lt;input type="text" hidden="hidden" id="txtAddr2" name="txtAddr2" size="30" value=""&gt;&lt;/td&gt;&lt;/tr&gt; &lt;input type="text" hidden="hidden" id="txtAddr3" name="txtAddr3" size="30" value=""&gt; &lt;/td&gt;&lt;/tr&gt; &lt;input type="text" hidden="hidden" id="txtPhone" name="txtAddr3" size="30" value=""&gt; &lt;/td&gt;&lt;/tr&gt; &lt;input type="text" hidden="hidden" id="txtPhone2" name="txtPhone2" size="30" value=""&gt;&lt;/td&gt;&lt;/tr&gt; &lt;input type="text" hidden="hidden" id="txtEmail" name="txtEmail" size="30" value=""&gt; &lt;/td&gt;&lt;/tr&gt; &lt;input type="text" hidden="hidden" id="txtUrl" name="txtUrl" size="30" value=""&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt;&lt;td&gt;How much?:&lt;/td&gt;&lt;td&gt;&lt;input type="text" id="kolicina" name="kolicina" size="5" value=""&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;input id="submitJQ" name="submitJQ" type="submit" class="styled-button-1" value="Confirm" /&gt;&lt;/td&gt;&lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; </code></pre>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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