JavaScript HTML object HTMLSelectElement -
i trying create little html form users need select options checkboxes , dropdown lists. intended outcome text generated dynamically users change choices. idea work keep getting “[object htmlselectelement]” instead of value of selected choice dropdown box. if 1 of veteran javascript programmers give me opinion i’d appreciate it! spent quite time double checking , i’m pretty sure code correct syntactically wrong without realizing it. i’m new @ javascript i’m still in learning phase.
html code:
<form name="input" action="" method="get"> <input type="checkbox" name="stcode" id="ai1" onchange="generatestcode()"> analog input b1 <select name="sensortype" id="sensortype1" onchange="generatestcode()"> <option value="2">0-1 vdc</option> <option value="3">0-10 vdc</option> <option value="4">4-20ma</option> <option value="5">off/on</option> <option value="6">0-5 vdc</option> </select> <select name="sensor" id="sensor1" onchange="generatestcode()"> <option value="oatp_ai">outside air temperature</option> <option value="satp_ai">supply air temperature</option> <option value="ratp_ai">return air temperature</option> <option value="mxtp_ai">mixed air temperature</option> </select><br><br> <input type="checkbox" name="stcode" id="ai2" onchange="generatestcode()"> analog input b2 <select name="sensortype" id="sensortype2" onchange="generatestcode()"> <option value="2">0-1 vdc</option> <option value="3">0-10 vdc</option> <option value="4">4-20ma</option> <option value="5">off/on</option> <option value="6">0-5 vdc</option> </select> <select name="sensor" id="sensor2" onchange="generatestcode()"> <option value="oatp_ai">outside air temperature</option> <option value="satp_ai">supply air temperature</option> <option value="ratp_ai">return air temperature</option> <option value="mxtp_ai">mixed air temperature</option> </select><br><br> <input type="checkbox" name="stcode" id="ai3" onchange="generatestcode()"> analog input b3 <select name="sensortype" id="sensortype3" onchange="generatestcode()"> <option value="2">0-1 vdc</option> <option value="3">0-10 vdc</option> <option value="4">4-20ma</option> <option value="5">off/on</option> <option value="6">0-5 vdc</option> </select> <select name="sensor" id="sensor3" onchange="generatestcode()"> <option value="oatp_ai">outside air temperature</option> <option value="satp_ai">supply air temperature</option> <option value="ratp_ai">return air temperature</option> <option value="mxtp_ai">mixed air temperature</option> </select><br><br> </form> <div id="generatedcode" class="generatedcode"></div> javascript code:
function generatestcode(){ var stcodegenerated = ""; var analoginputch = new array(3); analoginputch[0] = document.getelementbyid('ai1'); analoginputch[1] = document.getelementbyid('ai2'); analoginputch[2] = document.getelementbyid('ai3'); var sensortype = new array(3); sensortype[0] = document.getelementbyid('sensortype1'); sensortype[1] = document.getelementbyid('sensortype2'); sensortype[2] = document.getelementbyid('sensortype3'); var sensor = new array(3); sensor[0] = document.getelementbyid('sensor1'); sensor[1] = document.getelementbyid('sensor2'); sensor[2] = document.getelementbyid('sensor3'); for(i = 0; < analoginputch.length; i++){ if(analoginputch[i].checked){ var itemp = + 1; stcodegenerated += "ain_conf(" + itemp + ", " + sensortype[i] + ", ai_0" + itemp + "); " + sensor[i] + " := ai_0" + itemp + ";" + "<br><br>"; } } document.getelementbyid("generatedcode").innerhtml = stcodegenerated; }
it's because need use .value property of htmlelement.
example below:
var myelement = document.getelementbyid('myelement'), myelementvalue = myelement.value; and on.
notice value works inputs, if want content of tag should use innerhtml.
edit: edited code, works well(there var before declaring i in loop cause problems) , updated jsfiddle
Comments
Post a Comment