Ad Code

How to get the selected values from multiple selectable listbox using Javascript

October 26, 2017
<html>
<head>
<script type="text/javascript">
// hard-coded inside the function.
function populate() {
var sel1 = document.getElementById("list1")
var sel2 = document.getElementById("list2")

var result = new Array()
if (sel1.options[sel1.selectedIndex].value!="?") {
result.push(sel1.options[sel1.selectedIndex].value)
}
if (sel2.options[sel2.selectedIndex].value!="?") {
result.push(sel2.options[sel2.selectedIndex].value)
}

// populate the selected value into text boxes
for (var i=0; i<result.length; i++) {
document.getElementById("box"+(i+1)).value = result[i]
}
}
</script>
</head>
<body>
Selection 1: <select id="list1">
<option value="?">No select</option>
<option value="list1Val1">Val1</option>
</select>
<br />

 Selection 2: <select id="list2">
<option value="?">No select</option>
<option value="list2Val1">Val1</option>
</select>

<br /><br />
<input type="button" value="Finish" onclick="populate()">
<br /><br />
<input type="text" id="box1" size="10">&nbsp;&nbsp;
<input type="text" id="box2" size="10">
</body>
</html>
Method:2
<select name="Class" id="Class_list" onchange="document.getElementById('Class_').value=Class_list.options[Class_list.selectedIndex].text">
</select>
<input type="hidden" name="Class_" id="Class_" value="" />
<select name="Room" id="Room_list" onchange="document.getElementById('Room_').value=Room_list.options[Room_list.selectedIndex].text">
</select>

<input type="hidden" name="Room_" id="Room_" value="" />

Post a Comment

0 Comments