[serg47]

День добрый! После долгих "мучений", получилось следующее. Вот итог:

<div class="flok" id="dom">
<select id ="selec">
<option selected="selected" disabled="disabled" value="-1">Выбрать ответ</option>
<option value="1">ответ1</option>
<option value="0">ответ2</option>
<option value="0">ответ3</option>
<option value="0">ответ4</option>
</select>
</div>

$(document).ready(function(){
var a = 0;
$("#selec").bind("change", function(){
    $(".yes, .no, #score").remove()
    switch ($(this).val()) {
        case "1":
		$('<div class="yes"></div><div id="score"></div>').insertAfter('#dom').show("bounce", { times: 3 }, "slow");
		a = a + 5;
		$("#score").text(a);
        break;
        case "0":
		$('<div class="no"></div><div id="score"></div>').insertAfter('#dom').show("bounce", { times: 3 }, "slow");
		a = a - 10;
		$("#score").text(a);
		break;
    }
});
});

1. После выбора правильного ответа - "выскакивает" зеленый значок и прибавляется 5 баллов.


2. После выбора неправильного ответа - "выскакивает" красный значок и отнимается 10 баллов.


Такой вопрос
С одним select'ом работает отлично. Но на странице, таких select'ов, предполагается много. Как заставить скрипт работать со всеми?
Или может я изначально неправильно делаю скрипт? Пните в нужную сторону, или укажите ошибки. Спасибо!

P.S. Я извиняюсь, но по-моему я ошибся.Тему нужно перенести в jQuery.