I'm not sure what you mean, but I think you either want to group you options:
<select>
<optgroup label="Odd">
<option value="1">1</option>
<option value="3">3</option>
</optgroup>
<optgroup label="Even">
<option value="2">2</option>
<option value="4">4</option>
</optgroup>
</select>
... or you want to just have two options:
<select>
<option value="1,3">odd</option>
<option value="2,4">even</option>
</select>
Update
As I understand from the comments the question was more about how to use the select-value, not so much about how to group the options.
Let's say we have a variable rows
that contains your ~1800 rows of data. And you want a subset of these rows based on a value
property, based on what you select in your dropdown box.
HTML:
<select id="filterOnValue">
<option value="0,100">Low</option>
<option value="100,1000">Medium</option>
<option value="1000">High</option>
</select>
JS:
var select = document.getElementById("filterOnValue"),
rows = [...], // (lots of data)
selected = rows;
select.onchange = function (e) {
selected = [];
filterValues = select.options[select.selectedIndex].value.split(',');
for(var i = 0; i < rows.length; i++) {
if(typeof filterValues[1] !== 'undefined') {
if(rows[i].value >= parseInt(filterValues[0]) && rows[i].value < parseInt(filterValues[1])) {
selected.push(rows[i]);
}
} else {
if(rows[i].value >= parseInt(filterValues[0])) {
selected.push(rows[i]);
}
}
}
}