title: How to change paragraph text onclick list item?
body: <p>I have this:</p>
  
  <pre><code>&lt;script language="JavaScript" type="text/javascript"&gt;
  &lt;!--
  var MessAry=new Array();
  MessAry[0]='';
  MessAry[1]='My Message 1';
  MessAry[2]='My Message 2';
  MessAry[4]='My Message 3';
  MessAry[4]='My Message 4';
  
  function CngMess(obj,id){
   document.getElementById(id).innerHTML=MessAry[obj.selectedIndex];
  
  }
  //--&gt;
  &lt;/script&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;select onchange="CngMess(this,'fred');" &gt;
  &lt;option &gt;Select&lt;/option&gt;
  &lt;option &gt;Mess 1&lt;/option&gt;
  &lt;option &gt;Mess 2&lt;/option&gt;
  &lt;option &gt;Mess 3&lt;/option&gt;
  &lt;option &gt;Mess 4&lt;/option&gt;
  &lt;/select&gt;
  &lt;div id="fred" &gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>but I want it so that it's not a "select form" but a list (ul, li).</p>
  
  <p>In other words, I want a paragraph (My Message) to change in a "fred" div when clicking on a list item. </p>
  
  <p>Could somebody help? </p>