javascript - how to generate the below html dynamically and how to populate the corresponding calculated fields on change -


below html want generate automatically based on number of rows return jqgrid. , want calculate values of other input box on change of other. please see jsfiddle link have tried

<div class="col-2">         <div class="filters padd10">             <div class="formitem" style="border-right:1px solid #4b4b4b; width:29%;">                 <label>new allocated amount</label> <span class="formlist"><input type="text" value=""></span>      <span class="formlist"><input type="text" value=""></span>      <span class="formlist"><input type="text" value=""></span>      <span class="formlist"><input type="text" value=""></span>                 <br> <span class="fright mr30">$0</span>              </div>             <div class="formitem" style="width:43%; border-right:1px solid #4b4b4b;">                 <label>new allocated amount</label> <span class="formlist"><input type="text" value="" class="mr10" ><span class="txtamount">(or) </span>                 <input type="text" value="" style="width:30px">%</span> <span class="formlist"><input type="text" value="" class="mr10" ><span class="txtamount">(or) </span>                 <input type="text" value="" style="width:30px">%</span> <span class="formlist"><input type="text" value="" class="mr10" ><span class="txtamount">(or) </span>                 <input type="text" value="" style="width:30px">%</span> <span class="formlist"><input type="text" value="" class="mr10" ><span class="txtamount">(or) </span>                 <input type="text" value="" style="width:30px">%</span> <span class="fright" style="margin-right:100px;">$0</span>              </div>             <div class="formitem" style="width:12%; margin-right:0px">                 <label>                     <input type="checkbox" value="">freeze</label> <span class="formlist mtop5"><input type="checkbox" value=""></span>      <span class="formlist mtop5"><input type="checkbox" value=""></span>      <span class="formlist mtop5"><input type="checkbox" value=""></span>      <span class=""><input type="checkbox" value=""></span>              </div>         </div>     </div> 

please see http://jsfiddle.net/blackeyes123/dd9kf/


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -