Jighead
10/2/2018 - 6:55 PM

On Click Select Dropdown Option

On click element, select matching option value in a form dropdown. Uses id's to find matching value.

onClickSelectOption
content_copyfile_download

    
    <div id="Aerospace" class="industry">
      <div class="industry--image"></div>
      <div class="industry--text">Aerospace</div>
    </div>
    <div id="Biotech" class="industry">
      <div class="industry--image"></div>
      <div class="industry--text">Biotech</div>
    </div>
    <div id="Chemicals & Polymers" class="industry">
      <div class="industry--image"></div>
      <div class="industry--text">Chemicals & Polymers</div>
    </div>
    <div id="Food and Beverage" class="industry">
      <div class="industry--image"></div>
      <div class="industry--text">Food and Beverage</div>
    </div>
    
    
  <div class="form">
    <select id="AEMIndustry" name="AEMIndustry" class="mktoField mktoHasWidth mktoRequired mktoInvalid" style="width: 150px;">
      <option value="">Choose an Industry</option>
      <option value="Aerospace">Aerospace</option>
      <option value="Biotech">Biotech</option>
      <option value="Laboratory">Laboratory</option>
      <option value="Chemicals &amp; Polymers">Chemicals &amp; Polymers</option>
      <option value="Medical">Medical</option>
      <option value="Food &amp; Beverage">Food &amp; Beverage</option>
      <option value="Industrial Manufacturing">Industrial Manufacturing</option>
      <option value="Microelectronics">Microelectronics</option>
      <option value="Oil &amp; Gas">Oil &amp; Gas</option>
      <option value="Power &amp; Utilities">Power &amp; Utilities</option>
    </select>
  </div>
  
   <!-- // when industry div is clicked find match in dropdown -->
      <script>
      $('.industry').on('click', function(){
        $('#AEMIndustry').val($(this).attr('id'));
      });
    </script>