Full version: jsB@nk » Form » Dropdown » Selection Order
URL: https://www.javascriptbank.com/selection-order.html
Adjust the order of the items in a selection box and submit them in that order. Neat!
Full version: jsB@nk » Form » Dropdown » Selection Order
URL: https://www.javascriptbank.com/selection-order.html
<SCRIPT LANGUAGE="JavaScript">// Roelof Bos ([email protected])<!-- Beginfunction move(index,to) {var list = document.form.list;var total = list.options.length-1;if (index == -1) return false;if (to == +1 && index == total) return false;if (to == -1 && index == 0) return false;var items = new Array;var values = new Array;for (i = total; i >= 0; i--) {items[i] = list.options[i].text;values[i] = list.options[i].value;}for (i = total; i >= 0; i--) {if (index == i) {list.options[i + to] = new Option(items[i],values[i + to], 0, 1);list.options[i] = new Option(items[i + to], values[i]);i--;}else {list.options[i] = new Option(items[i], values[i]); }}list.focus();}function submitForm() {var list = document.form.list;var theList = "?";// start with a "?" to make it look like a real query-stringfor (i = 0; i <= list.options.length-1; i++) { theList += "list" + list.options[i].value + "=" + list.options[i].text;// a "&" only BETWEEN the items, so not at the endif (i != list.options.length-1) theList += "&";}location.href = document.form.action + theList;}// End --></script><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com--><form method="GET" action="" name="form"><table><tr><td align="middle"><select name="list" size="4"><option value="1">item-A</option><option value="2">item-B</option><option value="3">item-C</option><option value="4">item-D</option></select><br><br><input type="button" value="submit" onClick="submitForm()"></td><td valign="top"><input type="button" value="↑" onClick="move(this.form.list.selectedIndex,-1)"><br><br><input type="button" value="↓"onClick="move(this.form.list.selectedIndex,+1)"></td></tr></table></form><!-- This script downloaded from www.JavaScriptBank.com Come to view and download over 2000+ free javascript at www.JavaScriptBank.com-->