»
Tiếng AnhTiếng PhápTiếng Việt

In - Menu kéo thả tự động - JavaScriptBank.com

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Trình đơn xổ dọc » Menu kéo thả tự động
URL: https://www.javascriptbank.com/auto-drop-down.html

Menu kéo thả tự động © JavaScriptBank.comHiệu ứng tạo một trình đơn xổ dọc và một list box, khi người dùng chọn giá trị trong khung kéo thả thì listbox sẽ hiển thị các giá trị tương ứng.

Phiên bản đầy đủ: jsB@nk » Biểu mẫu » Trình đơn xổ dọc » Menu kéo thả tự động
URL: https://www.javascriptbank.com/auto-drop-down.html



JavaScript
<SCRIPT LANGUAGE="JavaScript">// Jerome Caron (jerome.caron@globetrotter.net)<!-- Beginteam = new Array(new Array(new Array("Saku Koivu", 39482304),new Array("Martin Rucinsky", 34802389),new Array("Jeff Hackett", 39823498),new Array("Sheldon Sourray", 87587343),new Array("Richard Zednik", 68798735),new Array("Brian Savage", 98098509),new Array("Stephane Robidas", 49490583),new Array("Patrice Brisebois", 32898334),new Array("Oleg Petrov", 92340934),new Array("Chad Kilger", 34923409),new Array("Benoit Brunet", 59384093),new Array("Jan Bulis", 83948023),new Array("Patrick Traverse", 41239812),new Array("Jose Theodore", 98402398),new Array("Craig Darby", 82393434),new Array("Patric Poulin", 34290348),new Array("Karl Dykhuis", 89092834)),new Array(new Array("Mario Lemieux", 23840238),new Array("Jaromir Jagr", 92390484),new Array("Robert Lang", 29048203),new Array("Alexei Kovalev", 94098230),new Array("Jean-Sebastien Aubin", 39234923),new Array("Kevin Stevens", 29345423)),null,new Array(new Array("Alexei Yashin", 20394802),new Array("Daniel Alfredson", 34982039),new Array("Marian Hossa", 92348902),new Array("Patrick Lalime", 98203894),new Array("Radek Bonk", 98234902)));function fillSelectFromArray(selectCtrl, itemArray, goodPrompt, badPrompt, defaultItem) {var i, j;var prompt;// empty existing itemsfor (i = selectCtrl.options.length; i >= 0; i--) {selectCtrl.options[i] = null; }prompt = (itemArray != null) ? goodPrompt : badPrompt;if (prompt == null) {j = 0;}else {selectCtrl.options[0] = new Option(prompt);j = 1;}if (itemArray != null) {// add new itemsfor (i = 0; i < itemArray.length; i++) {selectCtrl.options[j] = new Option(itemArray[i][0]);if (itemArray[i][1] != null) {selectCtrl.options[j].value = itemArray[i][1]; }j++;}// select first item (prompt) for sub listselectCtrl.options[0].selected = true;   }}//  End --></script><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->


HTML
<FORM NAME="main"><SELECT NAME="Make" onChange="fillSelectFromArray(this.form.Team, ((this.selectedIndex == -1) ? null : team[this.selectedIndex-1]));"><OPTION VALUE="-1">Select Team<OPTION VALUE=1>Montreal Canadiens<OPTION VALUE=2>Pittsburg Penguins<OPTION VALUE=3>Toronto Maple Leafs<OPTION VALUE=4>Ottawa Senators</SELECT><BR><SELECT NAME="Team" SIZE="5"><OPTION>                                  </OPTION><OPTION>                                  </OPTION><OPTION>                                  </OPTION><OPTION>                                  </OPTION><OPTION>                                  </OPTION></SELECT></FORM><!--    This script downloaded from www.JavaScriptBank.com    Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->