Update text in single textfield with multiple drop down boxes with javascript client side
<p>EDIT:  Ok, I really want to get this so I've decided to simplify what I need.  I have one textbox that onclick updates a textfield.  Now, what I need it to do is when they click on a second dropdown it will update a portion of text in the same textfield.  Hope this helps.</p>

<pre><code>    &lt;script type="text/javascript"&gt;&lt;!--    

            function OnSelectionChanged(listBox) {
                var textInput = document.getElementById("dn");
                textInput.value = listBox.value;
            }


    //--&gt;&lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;ul id="menu"&gt;
    &lt;/ul&gt;
    &lt;div id="main" class="view"&gt;
        &lt;h1&gt;Text&lt;/h1&gt;
    &lt;div id="intro"&gt;&lt;h5&gt;Text&lt;/h5&gt;
    &lt;div id="content"&gt;&lt;h2&gt;Text:&lt;/h2&gt;
    &lt;p&gt;Text&lt;/p&gt;
    &lt;/div&gt;
  &lt;form method="POST" action="submit" name="myForm"&gt;&lt;fieldset&gt;
   &lt;legend&gt;Text&lt;/legend&gt;

   &lt;label&gt;[&lt;a href="help.html" onclick="openWin(this.href); return false" title="Disposition Details Page"&gt;?&lt;/a&gt;]
    Disposition Code&lt;br /&gt;
    &lt;select size="1" name="disposition" id="drp_dwn" onchange="OnSelectionChanged (this)"&gt;
     &lt;option value="-1" selected&gt;&amp;mdash;&amp;mdash;Select one&amp;mdash;&amp;mdash;&lt;/option&gt;
     &lt;option value="Text "&gt;190&lt;/option&gt;
     &lt;option value="191"&gt;191&lt;/option&gt;
     &lt;option value="192"&gt;192&lt;/option&gt;
     &lt;option value="195"&gt;195&lt;/option&gt;
     &lt;option value="270"&gt;270&lt;/option&gt;
     &lt;option value="300"&gt;300&lt;/option&gt;
     &lt;option value="340"&gt;340&lt;/option&gt;
     &lt;option value="350"&gt;350&lt;/option&gt;
     &lt;option value="370"&gt;370&lt;/option&gt;
     &lt;option value="380"&gt;380&lt;/option&gt;
     &lt;option value="381"&gt;381&lt;/option&gt;
     &lt;option value="382"&gt;382&lt;/option&gt;
     &lt;option value="383"&gt;383&lt;/option&gt;
     &lt;option value="384"&gt;384&lt;/option&gt;
     &lt;option value="400"&gt;400&lt;/option&gt;
     &lt;option value="401"&gt;401&lt;/option&gt;
     &lt;option value="402"&gt;402&lt;/option&gt;
     &lt;option value="403"&gt;403&lt;/option&gt;
    &lt;/select&gt;
   &lt;/label&gt;
      &lt;label&gt;[&lt;a href="help.html#input3" onclick="openWin(this.href); return false" title="Help on filling out input #3."&gt;?&lt;/a&gt;]
    Cause Code&lt;br /&gt;
    &lt;select size="1" name="cause"&gt;
     &lt;option value="-1" selected&gt;&amp;mdash;&amp;mdash;Select one&amp;mdash;&amp;mdash;&lt;/option&gt;
     &lt;option value=""&gt;Cause - 190&lt;/option&gt;
     &lt;option value="B"&gt;Option B&lt;/option&gt;
     &lt;option value="C"&gt;Option C&lt;/option&gt;
    &lt;/select&gt;
   &lt;/label&gt;&lt;br /&gt;&lt;br /&gt;


   &lt;label&gt;&lt;!--[&lt;a href="help.html#input7" onclick="openWin(this.href); return false" title="Help on filling out input #7."&gt;?&lt;/a&gt;] --&gt;
    Disposition Narrative
    &lt;textarea id="dn" rows="8" cols="30" name="dn"&gt;&lt;/textarea&gt;
   &lt;/label&gt;
</code></pre>

<p>Im still getting used to how stack overflow wants us to format the code but hopefully you guys can read it well enough to help find a solution.  Thanks again.</p>
