[jQuery] dynamiczny select - pojawiający się input Opcje

[devurien]

Dzień dobry,

mamy sobie pole select (dynamiczne), ale ze stałą 1 opcją 'Other':

[HTML] pobierz, plaintext 
<select>
 <options>1</options>
 <options>2</options>
 <options>Other</options>
</select>
[HTML] pobierz, plaintext 

Teraz chciałbym uzyskać taki efekt, że automatycznie po wybraniu rzeczonego 'Other' pojawi się input.
O ile wiem jak to robić dla <a> to nie wiem jak sie dobrać do tego selecta - jak wyciągnąć wartość..
Czy mógłby ktoś rzucić jakimiś wskazówkami?
I co jeśli na stronie mam kilka takich selectów i chciałbym za każdym razem mieć inne name=""..

P.S Czemu jQuery - uważam, że jest najlepiej przyswajalne IMHO..(IMG:style_emoticons/default/smile.gif)

Pozdrawiam.

Ten post edytował devurien 16.12.2009, 18:31:42

[devurien]

[HTML] pobierz, plaintext 
  $(document).ready(function(){
 
    $("select").change(function () {
 
	str = $('option:selected', $(this)).text();
	clasName = $("select").attr("class");
 
          	$("select option:selected").each(function () {
			if (str == 'Other') {
               			str += "<input name="+ clasName + str + " value= " + clasName +">";
              		}
		});
          	$(this).next('p').html(str);
		str.empty();
 
        }).change();
 
  });
[HTML] pobierz, plaintext 

W zasadzie realizuje wszystkie założone kryteria (reakcja na kliknięcie na wartość 'Other', wyświetlanie w odpowiednich miejscach-next() ) poza wstawianiem złego atrybutu z selekta z którego pochodzi kliknięcie.
Bierze class="xx" - z każdym razem ten sam czyli 1.
Naprawdę nie wiem jak to ugryźć.. (próbowałem różne wariację z definiowanym na sztywno inputem i zwracaniem class etc, z funkcją empty etc.) :/


Ten post edytował devurien 15.01.2010, 10:12:34