JSFiddle - React, Tailwind, and code Playground

by tebrown

HTML

<select class="selectOption">
    <option>Select Event</option>
    <option value="form-1">Form 1</option>
    <option value="form-2">Form 2</option>
</select>

    <div style="border-bottom:1px solid #ccc;margin-top:15px; margin-bottom:15px;"></div> 
    
        <div id="changingArea">

        <div id="form-1" class="desc"><?php include 'form-1.php'; ?>The form would show here...</div>
        <div id="form-2" class="desc">Poll</div>

    </div>

CSS

.desc {display: none;}

JavaScript

$(function(){
      $('#Analytics').show(); // Will show the div
      $('.selectOption').change(function(){
        var selected = $(this).val(); //may store it in a variable
        //alert(selected);
        $(".desc").hide();
        //$('#'+selected).show();
        $('#' + $(this).val()).show('medium'); //or u can just use obj value in selector to save coding
      });
});