title: How to change value of paragraph tag by Dropdown menu
body: <p>i have problem i don't know how to do this. This is my HTML code. I want javascript code for when i select the month  from the select dropdown the below months will automatically change by the next month.</p>
  
  <p>For example when i select jan from the dropdown the first 'p' tag month changes to feb and the second 'p' tag change to march and so on till the end.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous"&gt;
  
      &lt;table class="table "&gt;
  
        &lt;tbody&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
                &lt;select class="mdl-textfield__input" id="octane2" name="octane2"&gt;
                  &lt;option value="Mar 2019"&gt;Mar 2019&lt;/option&gt;
                  &lt;option value="Apr 2019"&gt;Apr 2019&lt;/option&gt;
                  &lt;option value="Mai 2019"&gt;Mai 2019&lt;/option&gt;
                  &lt;option value="Jun 2019"&gt;Jun 2019&lt;/option&gt;
                  &lt;option value="Jul 2019"&gt;Jul 2019&lt;/option&gt;
                  &lt;option value="Aug 2019"&gt;Aug 2019&lt;/option&gt;
                  &lt;option value="Sep 2019"&gt;Sep 2019&lt;/option&gt;
                  &lt;option value="okt 2019"&gt;Okt 2019&lt;/option&gt;
                  &lt;option value="Nov 2019"&gt;Nov 2019&lt;/option&gt;
                  &lt;option value="Dez 2019"&gt;Dec 2019&lt;/option&gt;
                  &lt;option value="Jan 2020"&gt;Jan 2020&lt;/option&gt;
                  &lt;option value="Feb 2020"&gt;Feb 2020&lt;/option&gt;
                  &lt;option value="March 2020"&gt;Mar 2020&lt;/option&gt;
                  &lt;option value="March 2020"&gt;Apr 2020&lt;/option&gt;
                &lt;/select&gt;
                &lt;label class="mdl-textfield__label" for="octane2"&gt;Geschlecht&lt;/label&gt;
              &lt;/div&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;April 2019&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;May 2019&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;June 2019&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;July 2019&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;Auguest 2019&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;Setember 2019&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;October 2019&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;November 2019&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;December 2019&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;January 2020&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;Febuary 2020&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;March 2020&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
            &lt;td&gt;
              &lt;p&gt;April 2020&lt;/p&gt;
            &lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
            &lt;td&gt;&lt;i class="text-muted fas fa-baby fa-3x"&gt;&lt;/i&gt;&lt;/td&gt;
          &lt;/tr&gt;
        &lt;/tbody&gt;
      &lt;/table&gt;</code></pre>
  </div>
  </div>
  </p>