How to use a "Select drop down menu" to trigger a change in a chart (chart.js)

Hi,

When I select an item from a dropdown menu, I would like it to have an effect on my chart. Say if I select "Hawaii" from the drop down menu, I would like it to activate the "randomizeData" function. I have added the id="randomizeData" in the html drop down menu. And I believe I need to modify the function below.

The menu looks like this:

					<form action="#" method="post" class="nobottommargin">
						<div class="bottommargin-sm">
							<label for="">MENU</label>
							<select id="randomizeData" class="select-1 form-control" style="width:100%;">
								<optgroup label="Alaskan/Hawaiian Time Zone">
									<option value="AK">Alaska</option>
									<option value="HA">Hawaii</option>
								</optgroup>
								<optgroup label="Pacific Time Zone">
									<option value="CA">California</option>
									<option value="NV">Nevada</option>
								</optgroup>
								<optgroup label="Mountain Time Zone">
									<option value="AZ">Arizona</option>
									<option value="CO">Colorado</option>
								</optgroup>
								<optgroup label="Central Time Zone">
									<option value="AL">Alabama</option>
									<option value="AR">Arkansas</option>
								</optgroup>
								<optgroup label="Eastern Time Zone">
									<option value="CT">Connecticut</option>
									<option value="DE">Delaware</option>
								</optgroup>
							</select>
						</div>
					</form>

And I believe I need to modify this function from your code:

	document.getElementById('randomizeData').addEventListener('click', function() {
		config.data.datasets.forEach(function(dataset) {
			dataset.data = dataset.data.map(function() {
				return randomScalingFactor();
			});

		});

Any help or advice would be appreciated. Thank you.

HTML CODE

							
								MENU
								
									
										Alaska
										Hawaii
									
									
										California
										Nevada
									
									
										Arizona
										Colorado
									
									
										Alabama
										Arkansas
									
									
										Connecticut
										Delaware
									
								
							
						

JAVASCRIPT CODE

		document.getElementById('randomizeData').addEventListener('click', function() {
			config.data.datasets.forEach(function(dataset) {
				dataset.data = dataset.data.map(function() {
					return randomScalingFactor();
				});

			});