JSFiddle - React, Tailwind, and code Playground

by TimeRunner2359

HTML

<div>
	<select name="color" id='select'>
		<option value="" disabled selected>انتخاب رنگ</option>
		<option value="1">قرمز</option>
		<option value="20">آبی</option>
		<option value="14">سبز</option>
	</select>
</div>
<div>
	<select name="ram" id='select'>
		<option value="" disabled selected>انتخاب رم</option>
		<option value="2">رم 6</option>
		<option value="66">رم 8</option>
	</select>
</div>
<div>
	<select name="color" id='select'>
		<option value="" disabled selected>انتخاب هارد</option>
		<option value="31">500 گیگ</option>
		<option value="27">1 ترابایت</option>
	</select>

CSS

div{padding: 5px; margin:  5px;}

JavaScript

let selects = document.querySelectorAll('#select');
let values = [];
selects.forEach(function (select) {
	select.addEventListener('change', function () {
		values.push(select.options[select.selectedIndex].value);
		alert(values);
	});
});