[Resolved] enabling submit button when at least 1 is selected

[Author]

Posts

[davidm-13]

Hi,
I have the following form that's submitted.

    <form action="?page_id=19218" method="post" id="myFormID">
       <label class="label-right" for="wpv-complaint">Complaint Treated:</label>
          [xyz-ips snippet="select-complaint"]
       <label class="label-right" for="wpv-system-state">System / State Effected:</label>
         <select name="wpv-system-state" class="require_one">
           <option value="" disabled selected hidden>No System / State selected</option><br/>
      [xyz-ihs snippet="select-options-system"]
      </select> 
       <label class="label-right" for="wpv-actions">Herbal Action:</label>
         <select name="wpv-actions" class="require_one">
           <option value="" disabled selected hidden>No Herbal Actions selected</option><br/>
         [xyz-ihs snippet="select-options-actions"]
      </select>
      <!-- See JS editor to enable submit button  -->
    <p style="font-size: 14px;">Select plants who's medicinal use includes:<br>
      a) All the selected terms <input  type="radio" name="all-any" value="All" checked><br>
      b) Any of the selected terms <input  type="radio" name="all-any" value="Any">
     </p>  
      <div>
  <!--    <button class="btn button" name="submit">Search</button>   -->
        <input  class="button" id="mySubmit" type="submit" value="search" name="submit">
       <button class="btn butt"> Clear Search</button>
       </div> 
  </form>

And this JavaScript - in the JS editor of content template that contains the above form

jQuery(function($){
$('#mySubmit').attr('disabled','disabled');

$('select').change(function(){
    if ( $(this).hasClass('require_one') ){
        $('#mySubmit').removeAttr('disabled');
    }
});

$('#mySubmit').click(function() {
   $('#myFormID').submit(); 
});
});  

I found this code as an example to only enable the submit once at least one <select> was selected, but it's not working - it has no effect on the front-end - any idea why?
Thanks for any help

[Minesh]

Hello. Thank you for contacting the Toolset support.

Can you please share problem URL and access details as I need to check your current setup and how you configured your Search form as well as how exactly you added your JS.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I have set the next reply to private which means only you and I have access to it.

[davidm-13]

My issue is resolved now. Thank you!