title: How to replace the hidden value dynmaicaly using java script in html
body: <pre><code>&lt;form method="post" name="test" id="test"&gt;
  &lt;input type="hidden" name="listname" value="qpaustin" /&gt;
  &lt;select name="customCity" id="customCity" onchange="javascript:onChangeHiddenValue(this.value);"&gt; 
  &lt;option value="qpneworleans" &gt;qpneworleans&lt;/option&gt;
  &lt;option selected="selected" id="listSelectionActiveOption" value="qpnewyork" &gt;qpnewyork&lt;/option&gt;
  &lt;option value="qporangecounty"&gt;qporangecounty&lt;/option&gt;
  &lt;option value="qporlando"&gt;qporlando&lt;/option&gt;
  &lt;/select&gt;
  &lt;/form&gt;
  &lt;script type="text/javascript"&gt;
  function onChangeHiddenValue(cityName)
  {
  
      alert(document.getElementById('customCity').value);
  
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>I need to change the hidden value "listname" dynamically using javascript.</p>
  
  <p>For example, currently the value of listname is qpaustin. But when i change the value to qpneworleans the "listname" value should be replaced to qpneworleans .</p>
  
  <p>How to do this.</p>
  
  <p>Kindly advice. Thanks in advance</p>