JSFiddle - React, Tailwind, and code Playground

HTML

<div>
            <select name="DropDownList1" class="report_info" id="DropDownList1">
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>

</select>
            <select name="DropDownList2" class="report_info" id="DropDownList2">
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>

</select>
            <select name="DropDownList3" class="report_info" id="DropDownList3">
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>

</select>
            <select name="DropDownList4" class="report_info" id="DropDownList4">
	<option value="1">1</option>
	<option value="2">2</option>
	<option value="3">3</option>
	<option value="4">4</option>

</select>

        </div>

JavaScript

window.shifted = false;
    $(document).on('keyup keydown', function (e) { shifted = e.shiftKey; });
    $(document).on('change', 'select.report_info', function (e) {
        var cr = $(this).val();
        if (shifted) {
            $('.report_info').each(function () {
                $(this).val(cr);
            });
        }
    });