Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML][PHP]Select z możliwością wpisania
cool_aikon
post
Post #1





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 3.03.2010

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

Witam mam taki mały problem (IMG:style_emoticons/default/sad.gif) . potrzebuję zrobić pole SELECT w którym będzie możliwość wpisania dowolnego ciągu znaków oprócz tych które będą normalnie wyświetlane po rozwinięciu tego pola (czyli takie połączenie pola tekst i select). 

[HTML] pobierz, plaintext 
  1. <form action="...">
  2. 	<select name="nazwa">
  3. 		<option>opcja 1</option>
  4. 		<option>opcja 2</option>
  5. 	</select>
  6. </form>
[HTML] pobierz, plaintext


Jeżeli ktoś miał by jakieś sugestie to był bym wdzięczny ponieważ w google znaleźć nic nie mogę.
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi (1 - 3)
mortus
post
Post #2





Grupa: Zarejestrowani
Postów: 2 178
Pomógł: 596
Dołączył: 25.09.2009
Skąd: Piwniczna-Zdrój

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

Z tego co wiem, choć może moja wiedza nie jest zbyt szeroka, to nie da się połączyć tych dwóch typów pól w jedno. Jedynym rozwiązaniem jest coś takiego
[HTML] pobierz, plaintext 
  1. <html>
  2.     <head>
  3.         <meta name="content-type" content="text/html; charset=UTF-8" />
  4.         <script type="text/javascript">
  5.             function wlaczInnaOpcje(emt){
  6.                 if (parseInt(emt.value) == 0)
  7. 					document.getElementById('inna_opcja').style.visibility = 'visible';
  8. 				else 
  9. 					document.getElementById('inna_opcja').style.visibility = 'hidden';
  10.             }
  11.         </script>
  12.     </head>
  13.     <body>
  14.         <form name="formularz" action="" method="post">
  15.             <select name="opcje" onchange="wlaczInnaOpcje(this);">
  16.                 <option value="1">Opcja 1</option>
  17.                 <option value="2">Opcja 2</option>
  18.                 <option value="0">Podaj własną</option>
  19.             </select>
  20.             <input type="text" name="inna_opcja" id="inna_opcja" style="visibility: hidden;"/>
  21.         </form>
  22.     </body>
  23. </html>
[HTML] pobierz, plaintext
Sprawdź i przemyśl!
Pozdrawiam.
Go to the top of the page
+Quote Post
piotrooo89
post
Post #3


Newsman


Grupa: Moderatorzy
Postów: 4 005
Pomógł: 548
Dołączył: 7.04.2008
Skąd: Trzebinia/Kraków
autosuggest js.
Go to the top of the page
+Quote Post
cool_aikon
post
Post #4





Grupa: Zarejestrowani
Postów: 21
Pomógł: 0
Dołączył: 3.03.2010

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

Wielkie dzięki bardzo mi to pomogło (IMG:style_emoticons/default/yahoo.gif)
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · 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 · Linearny+ · Przełącz na: Drzewo

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

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