Skip to content Skip to sidebar Skip to footer

How To Change Form Action Url Based On Selected Checkbox

I'm trying to build a search box were students can search for course reserves based on their course code or faculty members names. What is missing is the part where you can change

Solution 1:

Since you have only two option I have made it radio but still if you want checkbox then change it:

<form name="frm" id="myForm" method="get" action="http://path1" >
    <input name="SEARCH" value="" type="text" autocomplete="off" />
    <input type="submit" value="" />
  <ul>
    <li>
      <input type="radio" name="frmact" value="http://path1" checked="checked" onclick="formaction(this)"/>
      <label for="course">Course Code</label>
    </li>
    <li>
      <input type="radio" name="frmact" value="http://path2" onclick="formaction(this)"/>
      <label for="faculty">Faculty Member</label>
    </li>
  </ul>
</form>
</body>
<script>
function formaction(checkbox){
    document.getElementById("myForm").action = checkbox.value;;
}

</script>

Post a Comment for "How To Change Form Action Url Based On Selected Checkbox"