Not much to explain just an example:
Left
Right
Show me the code!
HTML
Left
Right
JavaScript
function moveUp(selectId) {
var selectList = document.getElementById(selectId);
var selectOptions = selectList.getElementsByTagName('option');
for (var i = 1; i < selectOptions.length; i++) {
var opt = selectOptions[i];
if (opt.selected) {
selectList.removeChild(opt);
selectList.insertBefore(opt, selectOptions[i - 1]);
}
}
}
function moveDown(selectId) {
var selectList = document.getElementById(selectId);
var selectOptions = selectList.getElementsByTagName('option');
for (var i = selectOptions.length - 2; i >= 0; i--) {
var opt = selectOptions[i];
if (opt.selected) {
var nextOpt = selectOptions[i + 1];
opt = selectList.removeChild(opt);
nextOpt = selectList.replaceChild(opt, nextOpt);
selectList.insertBefore(nextOpt, opt);
}
}
}
function swapElement(fromList,toList){
var selectOptions = document.getElementById(fromList);
for (var i = 0; i < selectOptions.length; i++) {
var opt = selectOptions[i];
if (opt.selected) {
document.getElementById(fromList).removeChild(opt);
document.getElementById(toList).appendChild(opt);
i--;
}
}
}
function selectAllOptions(selStr)
{
var selObj = document.getElementById(selStr);
for (var i=0; i
How to catch everything in PHP, using a form:
First in the form we need to select all the elements of the input before sending:
To catch it in PHP:
$_POST["SIDEBAR"]=implode(",",$_POST["SIDEBAR"]);
Now you have in $_POST["SIDEBAR"] all the elements separated by coma, remember that you receive an Array.