nikto93i7,
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<div class="value_two">
<label class="radio1"> <input id="radio1" type="radio" name="two" checked="checked">
<span class="radio-text1"></span>
</label>
<label class="radio2"> <input id="radio2" type="radio" name="two">
<span class="radio-text2"></span>
</label>
<label class="radio3"> <input id="radio3" type="radio" name="two">
<span class="radio-text3"></span>
</label>
<label class="radio4"> <input id="radio4" type="radio" name="two">
<span class="radio-text4"></span>
</label>
</div>
<select id="char_platform" class="option_menu_style" size="8">
<option class="car3_5" value="1">3.5t 32 kWh</option>
<option class="car3_5" value="2">3.5t 42 kWh</option>
<option class="car3_5" value="3">3.5t 52 kWh</option>
/**/
<option class="car5_5" value="4">5.5t 32 kWh</option>
<option class="car5_5" value="5">5.5t 42 kWh</option>
<option class="car5_5" value="6">5.5t 52 kWh</option>
/**/
<option class="car9_5" value="7">9.5t 52 kWh</option>
<option class="car9_5" value="8">9.5t 62 kWh</option>
/**/
<option class="car26" value="9">26t 60 kWh</option>
<option class="car26" value="10">26t 62 kWh</option>
</select>
<script>
var sel = document.querySelector(".option_menu_style");
o = sel.querySelectorAll("option");
inp = document.querySelectorAll(".value_two [name='two']");
cls = ["car3_5", "car5_5", "car9_5", "car26"];
Array.prototype.forEach.call(inp, function(a, c) {
a.onclick = function() {
for (var a = cls[c], b = sel.options.length = 0; b < o.length; b++) o[b].classList.contains(a) && sel.options.add(o[b]);
sel.options[0].selected = !0
};
a.checked && a.onclick()
});
</script>
</body>
</html>