JSFiddle - React, Tailwind, and code Playground

by Anton Kolesnikov

HTML

<input type="button" class="optionsRadios" value="iPhone" />
<input type="button" class="optionsRadios" value="iPad" />

<select id="select">
    <option value="iPhone4">iPhone4</option>
    <option value="iPhone4s">iPhone4s</option>
    <option value="iPhone5">iPhone5</option>
    <option value="iPhone5c">iPhone5c</option>
    <option value="iPhone5s">iPhone5s</option>
    <option value="iPhone6">iPhone6</option>
    <option value="iPhone6+">iPhone6+</option>
    <option value="iPad2">iPad2</option>
    <option value="iPad3">iPad3</option>
    <option value="iPad4">iPad4</option>
    <option value="iPad Air">iPad Air</option>
    <option value="iPad mini">iPad mini</option>
    <option value="iPad mini 2">iPad mini 2</option>
</select>

JavaScript

var obj = {
    iphone: ['iPhone4', 'iPhone4s','iPhone5','iPhone5c', 'iPhone5s', 'iPhone6', 'iPhone6+'],
    ipad: ['iPad2', 'iPad3', 'iPad4', 'iPad Air', 'iPad mini', 'iPad mini 2', ]
};

$('.optionsRadios').on('click', function() {
    $('#select option').each(function(index, element) {
           if (element.value === 'iPhone4') {
               this.hide();;
           }
    });
});