JSFiddle - React, Tailwind, and code Playground

by Siddharth Jain

HTML

<select name="dept" class="select_type" id="PT_Certificate_options">
            <option value="#">Select Study Option</option>
            <option value="mydomain.com/option1">Distance</option>
            <option value="mydomain.com/option2">Part Time</option>
            <option value="mydomain.com/option3">Full Time</option>
        </select>
        <a id="certificate_enrol_link" class="link_dis"href="#" class="orange_btn">ENROL NOW</a>

JavaScript

$("#PT_Certificate_options").change(function () {
        console.log(this.value);
        if(this.value=='#'){
        	$("#certificate_enrol_link").addClass('link_dis');
        
        }
        else{
        	$("#certificate_enrol_link").removeClass('link_dis');
        }
        
        $("#certificate_enrol_link").attr('href', this.value);
    });
$('.link_dis').on('click',function(e){
		e.preventDefault();
})