Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Trình đơn xổ dọc » Chọn nhanh một đối tượng trong dropdown menu
URL: https://www.javascriptbank.com/testing-the-search-capabilities.html
Hiệu ứng tạo ra một khung các đối tượng, để chọn nhanh một đối tượng, bạn chỉ cần gõ vào kí tự đầu của tên đối tượng đó.
Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Trình đơn xổ dọc » Chọn nhanh một đối tượng trong dropdown menu
URL: https://www.javascriptbank.com/testing-the-search-capabilities.html
<SCRIPT language=JavaScript><!--//==========================================================================////Function:searchSelectBox(in_sFormName, in_sInputName, in_sSelectName)//Purpose: Acts as a "searchable" input for a given select box.//Parameters://in_sFormName - The form name where the elements live//in_sInputName - The "search input element name.//in_sSelectName- The select box to search against.////==========================================================================//function searchSelectBox(in_sFormName, in_sInputName, in_sSelectName){sSearchString = document.forms[in_sFormName].elements[in_sInputName].value.toUpperCase();iSearchTextLength = sSearchString.length;for (j=0; j < document.forms[in_sFormName].elements[in_sSelectName].options.length; j++){sOptionText = document.forms[in_sFormName].elements[in_sSelectName].options[j].text;sOptionComp = sOptionText.substr(0, iSearchTextLength).toUpperCase();if(sSearchString == sOptionComp){document.forms[in_sFormName].elements[in_sSelectName].selectedIndex = j;break;}}}//--></SCRIPT><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><FORM name=SearchForm> <INPUT onkeyup="JavaScript: searchSelectBox('SearchForm', 'edSeachInput', 'cbSearchSelect')" name=edSeachInput size="20"><BR><SELECT size=8 name=cbSearchSelect> <OPTION value=abc>BLACKPLATE</OPTION> <OPTION value=abc>COLD ROLLED COIL HORIZ</OPTION> <OPTION value=abc>COLORBOND COIL VERT</OPTION> <OPTION value=abc>COPPER CONC</OPTION> <OPTION value=abc>DOWNGRADE</OPTION> <OPTION value=abc>FERRO MN</OPTION> <OPTION value=abc>GALV COIL HORIZ</OPTION> <OPTION value=abc>GALV COIL VERT</OPTION> <OPTION value=abc>HOT ROLLED COIL</OPTION> <OPTION value=abc>PLATE</OPTION> <OPTION value=abc>STRUCTURALS</OPTION> <OPTION value=abc>TINPLATE</OPTION> <OPTION value=abc>TINPLATE COIL HORIZ</OPTION> <OPTION value=abc>TINPLATE WASTE</OPTION> <OPTION value=abc>WRIC</OPTION> <OPTION value=abc>ZINC ALUM COIL HORIZ</OPTION> <OPTION value=abc>ZINC ALUM COIL VERT</OPTION></SELECT> </FORM><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->