jQuery addClass example

Change class name on click in jQuery

by bryiantan

HTML

<form id="msform">
  <!-- progressbar -->
  <ul id="progressbar">
    <li class="active" href="example.html">Idea</li>

  </ul>
  <!-- fieldsets -->
  <fieldset>
    <h2 class="fs-title">Enter the idea information</h2>
    <input type="text" name="ideaName" placeholder="Idea name" />
     <input type="text" name="description" placeholder="Description" />
    <input type="text" name="plan" placeholder="Plan" />
    <input type="text" name="badget" placeholder="Badget" />
     <input type="text" name="expectation" placeholder="Expectation" />
     <input type="text" name="problem" placeholder="Problem" />
        <textarea rows="4" cols="50" placeholder="Type the solution, please" ></textarea>


</script>
<h4> Category </h4>
  <select id="selectcategory" >
  <option value="individual" name="individual">Individual</option>
  <option value="team" name="team">Team</option>
  <option value="company" name="company">Company</option>
</select>
<br>
<br>
<br>

<input type="submit" name="sub" value="Share your idea" onclick = "chooseCategory()">
</form>
<script type="text/javascript">

var category = document.getElementById("selectcategory").value;
 function chooseCategory() {
  switch(document.getElementById("selectcategory").value){
  case "individual":
    document.getElementById('selectcategory').setAttribute("href", "https://www.w3schools.com") ;
   break;
   case "team":
    document.getElementById('selectcategory').setAttribute("href","index.html");
   break;
   case "company":
    document.getElementById('selectcategory').setAttribute("href","index.html");
   break;
}
}
</script>