Hi, I have a text box and a listbox...in my JSP the listbox values get populated frm the database... i have a text box where the user can enter a string and on click of the filter button, it has to show me a new list with the list containing only the string/characters that the user has entered in the text box....can somebody help me with a script for implementing this?.... i would appreciate all your help.... thanks and regards
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
searching for a string/characters within a listbox...
- Thread starter justme123
- Start date
dwarfthrower
Programmer
>> in my JSP the listbox values get populated frm the database
Start by getting the JSP to populate an array rather than the list box directly.
Then you can loop through the array testing each value against the filter in the text box and creating the list box options as appropriate.
Do you want the filter to match only the beginning of the value or match anywhere in the value?
Either way, using regular expressions is a quick way of matching strings against substrings.
[sub]Never be afraid to share your dreams with the world.
There's nothing the world loves more than the taste of really sweet dreams.[/sub]
Start by getting the JSP to populate an array rather than the list box directly.
Then you can loop through the array testing each value against the filter in the text box and creating the list box options as appropriate.
Do you want the filter to match only the beginning of the value or match anywhere in the value?
Either way, using regular expressions is a quick way of matching strings against substrings.
[sub]Never be afraid to share your dreams with the world.
There's nothing the world loves more than the taste of really sweet dreams.[/sub]
- Thread starter
- #3
dwarfthrower
Programmer
Sure:
[sub]Never be afraid to share your dreams with the world.
There's nothing the world loves more than the taste of really sweet dreams.[/sub]
Code:
<html>
<head>
<script language="JavaScript" type="text/javascript">
//These would get populated from your database
var selectValues = new Array("Aaron","Barbara","Colin","Darryl","Edith","Frank","Genevive",
"Harold","Ivy","Jack","Karen","Larry","Martine","Oscar","Paula",
"Quentin","Ruth","Samuel","Tina","Ursula","Vanessa","William","Xavier",
"Yasmine","Zoe");
function filterSelect(strSelectId, objArray){
var objSelect = document.getElementById(strSelectId);
var objFilter = document.getElementById('filterField');
var objCaseSwitch = document.getElementById('caseSwitch');
//Check if the filter field has anything in it
if(objFilter.value.length > 0){
//Yep, build a regular expression based on the value
var caseSensitive = 'gi';
if(objCaseSwitch.checked){
caseSensitive = 'g';
}
var regExpr = new RegExp(objFilter.value, caseSensitive);
}
// clear out any existing options in the select
while(objSelect.options.length > 0){
objSelect.options[0] = null;
}
// loop through the array
for(var i = 0; i < objArray.length; i++){
//if the filter field has anything in it
if(objFilter.value.length > 0){
//test the regular expression against the array value
var patternMatch = regExpr.test(objArray[i]);
// if we have a match
if(patternMatch){
//add the value to the select
objSelect.options[objSelect.options.length] = new Option(objArray[i]);
}
}
// if no filter specified, just add all elements
else{
objSelect.options[objSelect.options.length] = new Option(objArray[i]);
}
}
}
</script>
</head>
<body onload="filterSelect('selectField', selectValues);">
Enter Filter Text: <input type="text" id="filterField">
<input type="button" onclick="filterSelect('selectField', selectValues);" value="Go"><br>
<input type="checkbox" id="caseSwitch">Case Sensitive?<br>
<select multiple id="selectField">
</select>
</body>
</html>[sub]Never be afraid to share your dreams with the world.
There's nothing the world loves more than the taste of really sweet dreams.[/sub]
- Thread starter
- #5
- Status
Similar threads
- Question
