Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [js] połaczenie text z select
wermon
post
Post #1





Grupa: Zarejestrowani
Postów: 24
Pomógł: 0
Dołączył: 2.12.2003

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

Witam,

Czy da sie napisac skrypt ktory sprawialby ze

fraza "nas" wpisana w pole "input type=text"
powodowalaby wyswietlenie sie w polu select

opcji zaczynajacych sie na ta fraze czyli "nas"

czyli np. nastepny , nastukany , nasypany
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
Wankster
post
Post #2





Grupa: Zarejestrowani
Postów: 208
Pomógł: 0
Dołączył: 19.04.2003

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

Jeśli to ma działać na takiej zasadzie...
[XML] pobierz, plaintext 
  1. <?xml version="1.0" encoding="iso-8859-2" ?>
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  4.     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  5.       
  6. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl">
  7.  
  8. <head>
  9.       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
  10.       
  11.       <title>php.pl</title>
  12.       
  13.       <script type="text/javascript">
  14.       <!--
  15.       
  16.             var optionsList  = null;
  17.             var lastSelected = null;
  18.             
  19.             function start()
  20.             {
  21.                   document.getElementById( 'phrase' ).focus();
  22.                   
  23.                   optionsList = document.getElementById( 'options' );
  24.             }
  25.             
  26.             function search4option( phrase )
  27.             {
  28.                   if ( ( optionsList.options[ lastSelected ] != null ) && ( optionsList.options[ lastSelected ] != 'undefined' ) )
  29.                   {
  30.                         optionsList.options[ lastSelected ].selected = false;
  31.                   }
  32.                   
  33.                   for ( var i = 0; i < optionsList.options.length; i++ )
  34.                   {
  35.                         regEx   = new RegExp( "^" + phrase + ".*$", 'i' );
  36.                         results = optionsList.options[ i ].value.match( regEx );
  37.                         
  38.                         if ( results !== null )
  39.                         {
  40.                               optionsList.options[ i ].selected = true;
  41.                               
  42.                               lastSelected = i;
  43.                               
  44.                               break;
  45.                         }
  46.                   }
  47.             }
  48.             
  49.             function selectOption( value )
  50.             {
  51.                   for ( var i = 0; i < optionsList.options; i++ )
  52.                   {
  53.                         if ( optionsList.options[ i ].value == value )
  54.                         {
  55.                               lastSelected = i;
  56.                         }
  57.                   }
  58.             }
  59.             
  60.             window.onload = start;
  61.       
  62.       //-->
  63.       </script>
  64.       <style type="text/css">
  65.       <!--
  66.       
  67.             input,
  68.             select
  69.             {
  70.                   width: 200px;
  71.             }
  72.       
  73.       //-->
  74.       </style>
  75. </head>
  76.  
  77. <body xml:lang="pl">
  78.       <input type="text" id="phrase" onkeyup="search4option( this.value );" />
  79.       <br />
  80.       <select id="options" name="options" size="10" onchange="selectOption( this.value );">
  81.             <option value="_mmcache_loader_file">_mmcache_loader_file</option>
  82.             <option value="_mmcache_loader_line">_mmcache_loader_line</option>
  83.             <option value="_mmcache_output_handler">_mmcache_output_handler</option>
  84.             <option value="abs">abs</option>
  85.             <option value="acos">acos</option>
  86.             <option value="addcslashes">addcslashes</option>
  87.             <option value="addslashes">addslashes</option>
  88.             <option value="aggregate">aggregate</option>
  89.             <option value="aggregate_methods">aggregate_methods</option>
  90.             <option value="aggregate_methods_by_list">aggregate_methods_by_list</option>
  91.             <option value="aggregate_methods_by_regexp">aggregate_methods_by_regexp</option>
  92.             <option value="aggregate_properties">aggregate_properties</option>
  93.             <option value="aggregate_properties_by_list">aggregate_properties_by_list</option>
  94.             <option value="aggregate_properties_by_regexp">aggregate_properties_by_regexp</option>
  95.             <option value="aggregation_info">aggregation_info</option>
  96.             <option value="apache_get_modules">apache_get_modules</option>
  97.             <option value="apache_get_version">apache_get_version</option>
  98.             <option value="apache_getenv">apache_getenv</option>
  99.             <option value="apache_lookup_uri">apache_lookup_uri</option>
  100.             <option value="apache_note">apache_note</option>
  101.             <option value="apache_request_headers">apache_request_headers</option>
  102.             <option value="apache_response_headers">apache_response_headers</option>
  103.             <option value="apache_setenv">apache_setenv</option>
  104.             <option value="array_change_key_case">array_change_key_case</option>
  105.             <option value="array_chunk">array_chunk</option>
  106.             <option value="array_count_values">array_count_values</option>
  107.             <option value="array_diff">array_diff</option>
  108.             <option value="array_diff_assoc">array_diff_assoc</option>
  109.             <option value="array_fill">array_fill</option>
  110.             <option value="array_filter">array_filter</option>
  111.             <option value="array_flip">array_flip</option>
  112.             <option value="array_intersect">array_intersect</option>
  113.             <option value="array_intersect_assoc">array_intersect_assoc</option>
  114.             <option value="array_key_exists">array_key_exists</option>
  115.             <option value="array_keys">array_keys</option>
  116.             <option value="array_map">array_map</option>
  117.             <option value="array_merge">array_merge</option>
  118.             <option value="array_merge_recursive">array_merge_recursive</option>
  119.             <option value="array_multisort">array_multisort</option>
  120.             <option value="array_pad">array_pad</option>
  121.             <option value="array_pop">array_pop</option>
  122.             <option value="array_push">array_push</option>
  123.       </select>
  124. </body>
  125.  
  126. </html>
[XML] pobierz, plaintext
Go to the top of the page
+Quote Post

Posty w temacie
- wermon   [js] połaczenie text z select   30.03.2004, 19:16:41
- - Wankster   Ja mam to zrobione tak, że jest sobie: SELECT INP...   30.03.2004, 19:39:26
- - wermon   ...no nigdzie nie moge znalezc, a przyznam sie ze ...   31.03.2004, 00:03:12
- - kszychu   Pokombinuj z <select ... multiple size=wielkosc...   31.03.2004, 09:49:12
- - Wankster   Jeśli to ma działać na takiej zasadzie...[XML] pob...   31.03.2004, 19:46:26
- - wermon   staaaary jestes WIELKI :!: :!: :!: - dokladnie...   1.04.2004, 01:06:02
- - wermon   8O ...a ja sie ludzilem ze moze uda mi sie samemu...   1.04.2004, 01:23:43
- - kicaj   hehe genialny ten skrypcik..., a daloby sie jeszcz...   1.04.2004, 11:56:36
- - wermon   wedlug mojej raczej skromnej js-wiedzy byloby to t...   1.04.2004, 17:14:24
- - Wankster   nie document.nazwapola.value tylko document.forms....   1.04.2004, 20:54:23
- - kicaj   no jakos mi nie wychodzi...   1.04.2004, 21:03:43
- - Wankster   To tylko powiedz mi w jakim INPUT ma się to wyświe...   2.04.2004, 13:02:35
- - kicaj   w tym w ktorym mozemy pisac...   2.04.2004, 13:06:16
- - Wankster   Podmień kod funkcji selectOption() na ten:Kod fun...   2.04.2004, 18:34:45
- - kicaj   dzieki wielkie   2.04.2004, 20:17:37

« Następny starszy · JavaScript · 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: 22.08.2025 - 22:03
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn