JSFiddle - React, Tailwind, and code Playground

by helpinspireme

HTML

<a class="register-btn" href="#" data-event="society_of_maintenance_and_reliability_professionals_SMRP_BOK_June_4_6_2019">Register</a>

<select id="register_events-4d469d65-c885-4722-be83-ee9f61a32cbc" required="" class="hs-input invalid error" name="register_events" data-reactid=".hbspt-forms-0.1:$0.1:$register_events.$register_events.0"><option value="" disabled="" selected="" data-reactid=".hbspt-forms-0.1:$0.1:$register_events.$register_events.0.0">- Please Select -</option><option value="ibl_2_0_kick_off_planning_scheduling_March_18_22_2019" data-reactid=".hbspt-forms-0.1:$0.1:$register_events.$register_events.0.1:$ibl_2_0_kick_off_planning_scheduling_March_18_22_2019">iBL 2.0 Kick-Off Planning &amp; Scheduling March 18-22, 2019</option><option value="ibl_2_0_kick_off_planning_scheduling_April_29_May_3_2019" data-reactid=".hbspt-forms-0.1:$0.1:$register_events.$register_events.0.1:$ibl_2_0_kick_off_planning_scheduling_April_29_May_3_2019">iBL 2.0 Kick-Off Planning &amp; Scheduling April 29 - May 3, 2019</option><option value="ibl_2_0_kick_off_planning_scheduling_June_10_14_2019" data-reactid=".hbspt-forms-0.1:$0.1:$register_events.$register_events.0.1:$ibl_2_0_kick_off_planning_scheduling_June_10_14_2019">iBL 2.0 Kick-Off Planning &amp; Scheduling June 10-14, 2019</option><option value="ibl_2_0_kick_off_planning_scheduling_July_22_26_2019" data-reactid=".hbspt-forms-0.1:$0.1:$register_events.$register_events.0.1:$ibl_2_0_kick_off_planning_scheduling_July_22_26_2019">iBL 2.0 Kick-Off Planning &amp; Scheduling July 22-26, 2019</option><option value="ibl_2_0_kick_off_planning_scheduling_September_23_27_2019" data-reactid=".hbspt-forms-0.1:$0.1:$register_events.$register_events.0.1:$ibl_2_0_kick_off_planning_scheduling_September_23_27_2019">iBL 2.0 Kick-Off Planning &amp; Scheduling September 23-27, 2019</option><option value="ibl_2_0_kick_off_planning_scheduling_November_4_8_2019"...

JavaScript

$("body").on("click", ".register-btn", function(e){
    var event = $(this).data("event"),
    formEventField = $("body").find("select[name='register_events']");
    

   
    formEventField.val(event).trigger('change');


  /*   formEventField.find("option[value=' + event + ']").attr("selected", "true").change(); */


e.preventDefault();
});


/* $("body").on("click", ".events .event .register-btn", function(e){
    var event = $(this).data("event"),
    formEventField = $("body").find("select[name='register_events']");

   formEventField.val(event).trigger('change');

    $("html,body").animate({
        scrollTop: $("#eluid41b0df51").offset().top
    });

e.preventDefault();
}); */