Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [jQuery] dynamiczny select - pojawiający się input
devurien
post
Post #1





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 27.03.2008

Ostrzeżenie: (0%)
-----

Dzień dobry,

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

[HTML] pobierz, plaintext 
  1. <select>
  2.  <options>1</options>
  3.  <options>2</options>
  4.  <options>Other</options>
  5. </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
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
devurien
post
Post #2





Grupa: Zarejestrowani
Postów: 25
Pomógł: 0
Dołączył: 27.03.2008

Ostrzeżenie: (0%)
-----

Super dziękuje bardzo o to mi właśnie chodziło !:)
Teraz przejdźmy do 2 części pytania w takim razie.

Jak już nadmieniłem chciałbym aby ta funkcja była w miarę uniwersalna - posłużę się przykładem:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  2.                     "http://www.w3.org/TR/html4/loose.dtd">
  3. <html>
  4. <head>
  5.   <script src="http://code.jquery.com/jquery-latest.js"></script>
  6.  
  7.   <script>
  8.   $(document).ready(function(){
  9.  
  10.     $("select").change(function () {
  11.           var str = "";
  12.           $("select option:selected").each(function () {
  13.                     if ($(this).text() == 'Other') {
  14.                 str += "Other: <input name="+$(this).text() + "values= "+$(this).text;
  15.               }
  16.                         });
  17.           $("#copy").html(str);
  18.         })
  19.         .change();
  21.   });
  22.   </script>
  23.   <style>
  24.   div { color:red; }
  25.   </style>
  26. </head>
  27. <body>
  28.   <select name="sweets">
  29.     <option>Chocolate</option>
  30.     <option>Candy</option>
  31.     <option>Taffy</option>
  32.     <option>Caramel</option>
  33.     <option>Fudge</option>
  34.     <option>Other</option>
  35.   </select>
  36.   <p id="copy"><span></span></p>
  37.  
  38.       <select name="fruits">
  39.     <option>Orange</option>
  40.     <option>Plum</option>
  41.     <option>Plum</option>
  42.     <option>Cherry</option>
  43.     <option>Other</option>
  44.   </select>
  45.   <p id="copy"><span></span></p>
  46. </body>
  47. </html>
[HTML] pobierz, plaintext


Teraz jeśli posiadam 2 select w tym samym dokumencie, a są spójną logiczną częścią (name="fruits") - również z polem Others. Wszystko działa OK, ale wskakuję input do <p id=..> zdefiniowanego jako pierwszy - co jest logiczne.
Jak teraz mili moi zrobić aby za każdym razem wskakiwał do odpowiedniego id.
Każda zmian id niosła by ze sobą przeklepanie kodu jQuery na nowo i zmienianiu $("#copy").html(str); - jak tego uniknąć, to dodatkowy narzut obciążając dokument.
Dobrze by było aby wtedy name w inpucie zmieniało się na name selecta+$(this).text();

Ten post edytował devurien 16.12.2009, 19:57:07
Go to the top of the page
+Quote Post

Posty w temacie
- devurien   [jQuery] dynamiczny select - pojawiający się input   16.12.2009, 18:30:33
- - seth-kk   change()   16.12.2009, 19:16:10
- - devurien   Super dziękuje bardzo o to mi właśnie chodziło ...   16.12.2009, 19:54:57
- - seth-kk   w html'u id nie moga sie powtarzac - zastap je...   16.12.2009, 21:08:45
- - magnus   http://www.w3schools.com/jsref/dom_obj_select.asp ...   16.12.2009, 21:37:54
- - devurien   @seth-kk Dziękuje jestem już coraz bliżej celu, ef...   16.12.2009, 22:35:28
- - seth-kk   ehhh... nie mieszaj tylko przypatrz sie mojemu ost...   16.12.2009, 23:07:51
- - devurien   [HTML] pobierz, plaintext $(document)....   15.01.2010, 10:11:24
- - kaminskp   Poszukuje czegoś podobnego tylko select options wy...   6.01.2011, 23:25:38

« Następny starszy · XML, AJAX · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 7.10.2025 - 09:24
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn