Привет, сделал небольшую форму, и добавил к этому jQuery скрипт, который должен в зависимости от выбора значения (option) в теге <select>, добавлять новые поля к форме или наоборот убирать.

HTML

<select>
<option value="значение_1" />Название_1
<option value="значение_2" />Название_2
</select>

jQuery

<script>
$('#значение_1').click(function() {
       ...действия_1...
});

$('#значение_2').click(function() {
       ...действия_2...
});
</script>

В IE, Firefox, Opera - работает
В Google Chrome и Safari - не работает

У кого-нибудь есть идеи или знания, каким образом можно сделать так, чтобы выше описанная цель работала, и в этих двух браузерах тоже?

Перепробовал разные варианты, сначала объявлял функцию, а после делал ее вызов, получал значения по выделению и далее в сравнении назначал нужные действия, все равно безрезультатно.

P.S. У меня появилось предположение, что возможно Google Chrome и Safari - очень плохо работают с select'ом. После чего сделал тот же самый механизм на любой другой тег, к примеру <label>. В итоге это предположение оказалось верным, но все же может быть есть работающие варианты, чтобы работало сразу в 5 браузерах?

P.S. Jquery в рамках DOM елементов кросбраузерный, если Че)))
Ищи ошибку в коде)

_____________
kuzroman@list.ru

Интересно, тут вы вибираете элемент по его id

$('#значение_1')

А тут им и близко не пахнет:

<option value="значение_1" />Название_1

$("select :selected").val(); //тек. значение

$("select").change(function(){
    //при выборе знач. в списке
    alert ( this.val()); 
});

_____________
Любая достаточно передовая технология неотличима от магии.