title: Script to Update Values
body: <p>I'm having trouble creating a script that changes the price as the user selects the periodicity.</p>
  
  <p>I need to create 3 period selectors, each one should work individually. Example: Selector One changes the value only of div One. Selector Two changes only the value of Div Two, etc.</p>
  
  <p>I tried to duplicate the script, but it does not work.</p>
  
  <p>Can someone help me?</p>
  
  <p>Demo: <a href="https://jsfiddle.net/LittleDamon/y9755dq7/" rel="nofollow noreferrer">https://jsfiddle.net/LittleDamon/y9755dq7/</a></p>
  
  <pre><code>&lt;div id="one"&gt;
     $ 3
     &lt;span class="period"&gt;Monthly&lt;/span&gt; 
  &lt;/div&gt;
  &lt;form class="plans"&gt;
     &lt;select id="plans" onChange="ChangeText('plans');"&gt;
        &lt;option value="0"&gt;Monthly&lt;/option&gt;
        &lt;option value="1"&gt;Quarterly&lt;/option&gt;
        &lt;option value="2"&gt;Semestral&lt;/option&gt;
        &lt;option value="3"&gt;Yearly&lt;/option&gt;
     &lt;/select&gt;
  &lt;/form&gt;
  &lt;div id="two"&gt;
     $ 6
     &lt;span class="period"&gt;Monthly&lt;/span&gt; 
  &lt;/div&gt;
  &lt;form class="plans"&gt;
     &lt;select id="plans" onChange="ChangeText('plans');"&gt;
        &lt;option value="0"&gt;Monthly&lt;/option&gt;
        &lt;option value="1"&gt;Quarterly&lt;/option&gt;
        &lt;option value="2"&gt;Semestral&lt;/option&gt;
        &lt;option value="3"&gt;Yearly&lt;/option&gt;
     &lt;/select&gt;
  &lt;/form&gt;
  &lt;div id="three"&gt;
     $ 9
     &lt;span class="period"&gt;Monthly&lt;/span&gt; 
  &lt;/div&gt;
  &lt;form class="plans"&gt;
     &lt;select id="plans" onChange="ChangeText('plans');"&gt;
        &lt;option value="0"&gt;Monthly&lt;/option&gt;
        &lt;option value="1"&gt;Quarterly&lt;/option&gt;
        &lt;option value="2"&gt;Semestral&lt;/option&gt;
        &lt;option value="3"&gt;Yearly&lt;/option&gt;
     &lt;/select&gt;
  &lt;/form&gt;
  &lt;script type="text/javascript"&gt;
  </code></pre>