Geçenlerde çok ihtiyacım oldu aradım taradım ve hazır bir javascript buldum.ne mi buldum? Kısaca şu şekilde anlatayım; diyelim ki kullanıcıya bir form doldurtacağız bir formda şehir ve ilçe soruyoruyoruz.Adam birinci select kutusundan seçiyor şehir adını hemen altındaki ilçe yi seçtiğimiz select butonunda o şehrin ilçeleri listeleniyor.bunu daha farklı biçimlerde de kullanabiliriz aslında kullanıcıdan bi bilgisayar markası ve modeli alabilir veya daha çeşitli yöntemler ile kullanabiliriz.Kullanıcı açısından çok iyi bir javascript kodu olmuş.
Burada gerekli javascript kodu:<script type="text/javascript"> function dynamicSelect(id1, id2) { if (document.getElementById && document.getElementsByTagName) { var sel1 = document.getElementById(id1); var sel2 = document.getElementById(id2); var clone = sel2.cloneNode(true); var clonedOptions = clone.getElementsByTagName("option"); refreshDynamicSelectOptions(sel1, sel2, clonedOptions); sel1.onchange = function() { refreshDynamicSelectOptions(sel1, sel2, clonedOptions); }; } } function refreshDynamicSelectOptions(sel1, sel2, clonedOptions) { while (sel2.options.length) { sel2.remove(0); } var pattern1 = /( |^)(select)( |$)/; var pattern2 = new RegExp("( |^)(" + sel1.options[sel1.selectedIndex].value + ")( |$)"); for (var i = 0; i < clonedOptions.length; i++) { if (clonedOptions[i].className.match(pattern1) || clonedOptions[i].className.match(pattern2)) { sel2.appendChild(clonedOptions[i].cloneNode(true)); } } } function addLoadEvent(func) { var oldonload = window.onload; if (typeof window.onload != 'function') { window.onload = func; } else { window.onload = function() { if (oldonload) { oldonload(); } func(); } } } addLoadEvent(function() { dynamicSelect("sehir", "semt"); }); </script>Burada ise kodun html select seçmeli menüsünde kullanım şekli örneği bulunmaktadır: [HTML]
[/HTML]
şeklinde umarım işinize yarar...Kolay gelsin.
157 views







