使用GTAG事件将下拉列表中的选定项目发送到Google Analytics（分析）

Question

I want to to be able to send the selected item from a drop down list to GA using the gtag event code. I added the onclick gtag code below but I just need to be able to add the selected item into the event label. could someone help me with that? Thanks.

<div class="col-sm-4">
<div data-elementID="12"></div>
<div data-elementID="13" class="pb-3"></div>
<select id="selectCountry" class="form-control mb-3"></select>
<a href="#" class="button btn" target="" id="element-14" onclick="gtag('event','someevent', {'event_category':'somecategory','event_label':'theselecteditem'});">Contact Us</a>
</div>

Answer 1

You can use this:

$("#dropdownList").val();

So your link becomes:

onclick="gtag('event','someevent', {'event_category':'somecategory','event_label':$("#dropdownList").val()});">Contact Us</a>

Note there is no validation here, so if a user doesn't select anything and click on the link, it will be empty.