Disable Button

Add Attribute and Disable Button based on Selection

by Thomas Orthbandt

HTML

<form id="mktoForm_1943">
  
  <select name="custom6" id="custom6">
	  <option value="">Select</option>
	  <option value="I have a HireVue interview and need help">I have a HireVue interview and need help</option>
	  <option value="I would like to learn more about the platform for my business">I would like to learn more about the platform for my business</option>
  </select>

  <div class="mktoButtonRow" style="padding-top:20px;">
      <span class="mktoButtonWrap mktoNative">
          <button type="submit" class="mktoButton">Get Your Demo</button>
     </span>
  </div>
  
</form>

CSS

.show {display: block;}
.hide {display: none;}

JavaScript

setTimeout(function(){
	const form = document.getElementById("mktoForm_1943");
	if(form) {
		var btn = document.getElementsByClassName("mktoButton")[0];

		document.getElementById("custom6").onchange = function() {
			var custom = document.getElementById("custom6");
			var customSelected = custom.options[custom.selectedIndex].text;
			if(customSelected == "I have a HireVue interview and need help") {
				btn.setAttribute('disabled',true);
			} else {
				btn.removeAttribute('disabled',false);
			}
		}
	}
}, 3000);