javascript - drop down list values not showing -
this weird issue i'm facing on webpage. have drop downwards list populated info database using perl , javascript drop downwards list not displaying values i'm receiving database.
the code have follows:
my $datax = ${connecttodatabase($main::edsugcar, $main::databaseenv)}; $resultset = $datax->execute("select vendor dex_vendor_info grouping vendor"); @list_of_vendors; while(!$resultset->eof) { force @list_of_vendors, $resultset->fields("vendor")->value; $resultset->movenext; } $list_of_vendors_json = encode_json(\@list_of_vendors); print <<one; <html> <body> <h4> test vendor array javascript </h4> <p id="demo"</p> <form id="myform"> <select id="selectnumber"> <option>choose vendor</option> <script type="text/javascript" language="javascript"> var list_of_vendors = $list_of_vendors_json; var select = document.getelementbyid("selectnumber"); for(var = 0; < list_of_vendors.length; i++) { var opt = list_of_vendors[i]; var el = document.createelement("option"); el.text = opt; el.value = opt; select.appendchild(el); } </script> </select> </form> </body> </html> 1 the html source output when i'm inspecting dropdown list element shows:
<select id=selectnumber> <option selected>choose vendor</option> <script language=javascript type=text/javascript> var list_of_vendors = ["3d systems","3dsystems","3m"]; var select = document.getelementbyid("selectnumber"); for(var = 0; < list_of_vendors.length; i++) { var opt = list_of_vendors[i]; var el = document.createelement("option"); el.text = opt; el.value = opt ; select.appendchild(el); } </script> <option value="3d systems"></option> # info missing here after `>` <option value="3dsystems"></option> <option value="3m></option> </select>
have tried moving script out of select tag? dtd (html 4) states select tags have next structure:
<!element select - - (optgroup|option)+ -- alternative selector --> which means can not omit opening or closing <select> tag , a <select> tag can contain <optgroup> or <option> tags, nil else (no <script>)
javascript html json perl
No comments:
Post a Comment