Note that there are some explanatory texts on larger screens.

plurals
  1. POVariables in javascript, auto populate form
    primarykey
    data
    text
    <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>
    singulars
    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.
 

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