<head>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script>
jQuery(function ($) {
$('form#new').bind('change', function () {
var els = $('form#new option:selected');
alert(els.text());
alert(els[2].textContent + '; ' + els[2].value);
});
});
</script>
</head>
<form id="new" action="">
<div id="option-228" class="option">
<span class="required">*</span>
<select class="sel_opt" id="228" name="option[228]">
<option value=""> первый </option>
<option value="19">второй</option>
</select>
</div>
<br>
<div id="option-217" class="option">
<span class="required">*</span>
<b>Select:</b><br>
<select class="sel_opt" id="217" name="option[217]">
<option value=""> Blue </option>
<option value="4">Red </option>
<option value="3">Green</option>
</select>
</div>
<br>
<div id="option-227" class="option">
<span class="required">*</span>
<b>Select:</b><br>
<select class="sel_opt" id="227" name="option[227]">
<option value="">Выбор 1</option>
<option value="17">Выбор 2</option>
<option value="18">Выбор 3</option>
</select>
</div>
</form>