java - How to set default dropdown value and selection based by localStorage data -
i have form:
<form id="suspendedproperties"> <p><h4>select station: <select name="stationdropdown" id="stationdropdown" onchange="storelocalcontent('stationdropdown',this.value)" > <option value="50028000">tanama river</option> <option value="50010500">rio guajataca, lares</option> <option value="60008002">example river2</option> <option value="60008003">example river3</option> <option value="60008004">example river4</option> </select> </h4></p> <p>select sample medium: <select name="samplemediumdropdown" id="samplemediumdropdown" onchange="storelocalcontent('samplemediumdropdown',this.value)"> <option value="ws">ws(surface water)</option> <option value="wsq">wsq(surface water qc)</option> </select> </p> <p>begin date <input type="date" /> </p> <p>hydrologic event: <select name="hydroevent" id="hydroevent" onchange="storelocalcontent('hydroevent',this.value)" > <option value="4">4- stable, low stage</option> <option value="5">5- falling stage</option> <option value="6">6- stable, high stage</option> <option value="7">7- peakstage</option> <option value="8">8- rising state</option> <option value="9" selected>9- stable, normal stage</option> <option value="a">a- not determined</option> <option value="x">x- not applicable</option> </select> </p> <p>add:<input type="number" size="" id="containercuantity" onchange="storelocalcontent('containercuantity',this.value)"/> <select id="singlemulticontainer" name="singlemulticontainer" onchange="storelocalcontent('singlemulticontainer',this.value)"> <option value="single">single container sample</option> <option value="multi">multiple sets container</option> </select> </p> <p>analyses requested:(applies samples)<br/></p> <div id="analyses" > <table align="center" cellpadding="10px"> <tr> <td align="left"><input type="checkbox" name="analysis" value="c"> concentration</input></td> <td align="left"><input type="checkbox" name="analysis" value="sf"> sand-fine break**</input></td> </tr> <tr> <td align="left"><input type="checkbox" name="analysis" value="sa"> sand analysis**</input></td> <td align="left"><input type="checkbox" name="analysis" value="t"> turbidity</input> </td> </tr> <tr> <td align="left"><input type="checkbox" name="analysis" value="loi"> loss-on-ignition**</input></td> <td align="left"><input type="checkbox" name="analysis" value="ds"> dissolve solids</input></td> </tr> <tr> <td align="left"><input type="checkbox" name="analysis" value="sc"> specific conductance</input></td> <td align="left"><input type="checkbox" name="analysis" value="z"> full-size fractions**</input></td> </tr> </table> </div> <input type="button" value="main menu" onclick="window.location='sed_we.html'"/> <input id="nextbutton" type="button" value="add sample info." ondblclick="getlocalcontent(c)"/> </form> and want set default selected options in drop down value , in other fields thier respective values. js:
function initialize() { // test see if support storage api var supportslocal = (('localstorage' in window) && window['localstorage'] !== null); var supportssession = (('sessionstorage' in window) && window['sessionstorage'] !== null); // if either 1 not supported, bail on demo if (!supportslocal || !supportssession) { document.getelementbyid('infoform').innerhtml = "<p>sorry, browser not support w3c storage api.</p>"; return; } // if localstorage object has content, restore if (window.localstorage.length != 0) { for(i=0;i<window.localstorage.length;i++){ getlocalcontent(window.localstorage.key(i)); } } } function storelocalcontent(elementid,value){ window.localstorage.setitem(elementid,value); } function getlocalcontent(elementid){ document.getelementbyid(elementid).value = window.localstorage.getitem(elementid); } window.onload = function(){ initialize(); } is there possible way set default values of dropdowns last value user chose?
note changes made add onchange="storelocalcontent(this.id,this.value);
and function initialize(); made rest of work
<form id="suspendedproperties"> <label for="station">select station:</label> <select name="stationdropdown" id="stationdropdown" onchange="storelocalcontent(this.id,this.value)" > <option value="50028000">tanama river</option> <option value="50010500">rio guajataca, lares</option> <option value="60008002">example river2</option> <option value="60008003">example river3</option> <option value="60008004">example river4</option> </select> <label for="samplemediumdropdown">select sample medium:</label> <select name="samplemediumdropdown" id="samplemediumdropdown" onchange="storelocalcontent(this.id,this.value)"> <option value="ws">ws(surface water)</option> <option value="wsq">wsq(surface water qc)</option> </select> <label for="date">begin date:</label> <input naem="date" id="begindate" type="date" onchange="storelocalcontent(this.id,this.value)" /> <label for="hydroevent">hydrologic event:</label> <select name="hydroevent" id="hydroevent" onchange="storelocalcontent(this.id,this.value)" > <option value="4">4- stable, low stage</option> <option value="5">5- falling stage</option> <option value="6">6- stable, high stage</option> <option value="7">7- peakstage</option> <option value="8">8- rising state</option> <option value="9" selected>9- stable, normal stage</option> <option value="a">a- not determined</option> <option value="x">x- not applicable</option> </select> <label for="containercuantity">add: </label><input type="number" size="" id="containercuantity"onchange="storelocalcontent(this.id,this.value)"/> <select id="singlemulticontainer"name="singlemulticontainer" onchange="storelocalcontent(this.id,this.value)"> <option value="single">single container sample</option> <option value="multi">multiple sets container</option> </select> <label for="analyses">analyses requested:(applies samples)<br/></label> <div id="analyses" > <table align="center" cellpadding="10px"> <tr> <td align="left"><input type="checkbox" name="analysis" id="analysesc" value="c" onchange="ischecked(this.id,this.value)"> concentration</input></td> <td align="left"><input type="checkbox" name="analysis" id="analysessf" value="sf" onchange="ischecked(this.id,this.value)"> sand-fine break**</input></td> </tr> <tr> <td align="left"><input type="checkbox" name="analysis" id="analysessa"value="sa" onchange="ischecked(this.id,this.value)"> sand analysis**</input></td> <td align="left"><input type="checkbox" name="analysis" id="analysest" value="t" onchange="ischecked(this.id,this.value)"> turbidity</input> </td> </tr> <tr> <td align="left"><input type="checkbox" name="analysis" id="analysesloi" value="loi" onchange="ischecked(this.id,this.value)"> loss-on-ignition**</input></td> <td align="left"><input type="checkbox" name="analysis" id="analysesds"value="ds" onchange="ischecked(this.id,this.value)"> dissolve solids</input></td> </tr> <tr> <td align="left"><input type="checkbox" name="analysis" id="analysessc" value="sc" onchange="ischecked(this.id,this.value)"> specific conductance</input></td> <td align="left"><input type="checkbox" name="analysis" id="analysesz"value="z" on onchange="ischecked(this.id,this.value)"> full-size fractions**</input></td> </tr> </table> </div> <input type="button" value="main menu" onclick="window.location='sed_we.html'"/> <input id="nextbutton" type="button" value="add sample info." onclick="setcontainers()" /> </form>
Comments
Post a Comment