html - Javascript function not returning a value -
i have javascript function check value text box , if text box not blank outputs statement. text box take numeric value, want include numeric value output html.
here html
   <br><label id="cancelphonelabel">1-800-555-1111</label>    <br><label id="mdamountlabel">monthly donation: <td>     <input type="text" id="mdamountbox" style="width:50px;" name="md_amt" value="" placeholder="monthly" onkeyup="monthlycheck()" autocomplete="off">     <br><label id="mnthlychkdiscolabel"> </label>   and javascript
 function monthlycheck() {  var mnthchk = document.getelementbyid("mdamountbox").innerhtml; <---i want pass value of box var cancelphone = document.getelementbyid("cancelphonelabel").innerhtml;    if (mnthchk.value != "") {      var newhtml = "<span style='color:#24d330'> monthly pledge in amount of $<label id='dollarlabel'> </label> valid , deducted time every month<br> untill notify of cancellation calling <label id='cancelphonelistlabel'> </label> </span>";      document.getelementbyid("mnthlychkdiscolabel").innerhtml = newhtml;     document.getelementbyid("cancelphonelistlabel").innerhtml = cancelphone;     document.getelementbyid("dollarlabel").innerhtml = mnthchk;   <----passed here   i cant value passed, shows blank, can hardcode value , output fine, how jsfiddle http://jsfiddle.net/rn5hh/4/
thanks in advance
input elements don't have child nodes, therefore innerhtml blank. if want read value, use value property.
Comments
Post a Comment