Saving html state with javascript -


i found things far still isnt need. have html page has select input names. need able select name in input , save html in such way when open page again last selected name still selected. can use pure javascript.

that's have now. works on chrome doesnt work on ie.

<!doctype html> <html>  <head>     <meta http-equiv="content-type" content="text/html; charset=utf-8"> </head>  <body>      <p>finalizado por:</p>     <div id="demo" style="float:left; margin-right: 10px;"></div>     <select id="myselect" style="width: 25px; float:left;">         <option></option>         <option value="sérgio barros">sérgio barros</option>         <option value="marcos evangelista">marcos evangelista</option>         <option value="antônio sobral">antônio sobral</option>         <option value="marcelo cancio">marcelo cancio</option>         <option value="fabio">fabio</option>         <option value="ganso">ganso</option>         <option value="eduardo">eduardo</option>         <option value="rogério">rogério</option>         <option value="mastropirro">mastropirro</option>         <option value="marcelo celebrity">marcelo celebrity</option>     </select>     <br/>     <br/>      <div id="demo2" style="float:left; margin-right: 10px;"></div>     <select id="myselect2" style="width: 25px; float:left">         <option></option>         <option value="sérgio barros">sérgio barros</option>         <option value="marcos evangelista">marcos evangelista</option>         <option value="antônio sobral">antônio sobral</option>         <option value="marcelo cancio">marcelo cancio</option>         <option value="fabio">fabio</option>         <option value="ganso">ganso</option>         <option value="eduardo">eduardo</option>         <option value="rogério">rogério</option>         <option value="mastropirro">mastropirro</option>         <option value="marcelo celebrity">marcelo celebrity</option>     </select>     <br/>     <br/>      <script>         function myfunction() {             var x = document.getelementbyid("myselect").value;             document.getelementbyid("demo").innerhtml = x;         }          function myfunction2() {             var x = document.getelementbyid("myselect2").value;             document.getelementbyid("demo2").innerhtml = x;         }     </script> </body>  </html> 

html stateless. means every time page loaded, it's though being loaded first time. if want form "remember" things, need save them somewhere. typically done on server in database or session, or can done on client via cookies or local storage.


Comments

Popular posts from this blog

PHP DOM loadHTML() method unusual warning -

python - How to create jsonb index using GIN on SQLAlchemy? -

c# - TransactionScope not rolling back although no complete() is called -