Új hozzászólás Aktív témák

• #893 Lacces őstag

  Új Válasz 2012-06-27 11:04:43 #893

  Új hozzászólás

  Összes hozzászólása itt Válaszok az összes hozzászólására itt Válaszok erre a hozzászólásra

  Privát üzenet küldése

  

  Lacces

  őstag

  Sziasztok!

  Van egy kis problémám, nem tudom hogyan valósítsam meg... / vagy mit rontok el.
  Ötlet: Van egy input text mező, és egy select mező, amelyben értékek vannak. És egy gépelés alapján történő listázást szeretnék. (passz, hogy hívják ezt angolul)
  Ha az input mezőbe elkezdek írni például: ab, akkor a select mezőbe csak az ab-val kezdődőek jelenjen meg: például Abba, abból stb.
  Felmerült bennem, hogy magamtól megírom jquery-ben, egyrészt tanulni, mert már nagyon régen írtam jquery-t... Csak hát nem működik.

  function searchProject(){
  // input text mező, bevitel. "kereső kifejezés"
  var search = $('#searchProject').val();
  // ez most használaton kívül, de itt nem más, mint a select mezőben lévő
  // optionok values és text értékét akartam volna beolvasni.
  var values = $('#projectlist>option').each(function() { return $(this).val();});
  var texts = $('#projectlist>option').each(function() { return $(this).text();});
  // ez egy másik módszer az option-ok beolvasására egy tömbre.
  var options = $('#projectlist').attr('options');
  // select mezőről készítek egy "backup"-ot
  var backup = $('#projectlist').html();
  // a kereső kifejezést méretének lekérdezése
  var size = search.size();
  
  if( size > 0){
  // option-ok eltávolítása
  $('#projectlist option').remove();
  // options tömbön végig megyek
  for( var index in options)
  // ha a kereső kifejezés megegyezik az adott option subtextjével,
  // akkor töltse fel a select mezőt.
  if( search == index.text().substring(0,size) )
  $('#projectlist option').append('<option value=' + index.val() +'>' + index.text() + '</option>');
  }
  }

  Miket ronthattam el? Hogyan érdemes megcsinálni? Vagy ha erre a megvalósításra egy oldalt is ajánlotok (tényleg nem jut eszembe a neve ennek... biztos valami auto..) Hadd tanuljak belőle

  <input id="searchProject" type="text" onkeyup="searchProject()" />

  [ Szerkesztve ]

Új hozzászólás Aktív témák