Reset listbox select items to selectedindex=0

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

berrucho - 02 Sep 2003 13:22 GMT

Hi!

I have several vb.net listbox with several items in a search page. Users
filter their search criteria by selecting items. If all
listboxes.SelectedIndex=0 then the search retreives all items.

Requirement:

A client-side button to reset all listboxes to selected index = 0

How to do it in javascript?

tried:

<head>
function reset()
{
document.Form1.listbox1.selectedIndex = 0;
document.Form1.listbox2.selectedIndex = 0;
...
}
</head>

and onclick of the button ... onClick="reset()"

but I get an error "object does not support this method or property..."

please help

thanks

berrucho

Reply to this Message

Vjekoslav Begovi? - 02 Sep 2003 14:44 GMT

> Hi!
>
[quoted text clipped - 7 lines]
>
> How to do it in javascript?

Check this sample:

<html>
<head>

<head>
<script type="text/javascript">
function resetLists(){
document.forms["form1"].elements["sel1"].selectedIndex = 0;
document.forms["form1"].elements["sel2"].selectedIndex = 0;
}
</script>
<body>
<form id="form1">
<select name="sel1">
<option value="0">None</option>
<option value="1">One</option>
<option value="2">Two</option>
</select>
<select name="sel2">
<option value="0">None</option>
<option value="1">One</option>
<option value="2">Two</option>
</select>
<button onclick="resetLists()">Reset lists</button>
</form>
</body>
</html>

Or, if you want to reset *all* SELECT elements in form1, you could use this
function:
resetLists(){
var selects = document.forms["form1"].getElementsByTagName("SELECT");
for (var i=0; i<selects.length; i++){
selects.item(i).selectedIndex = 0;
}
}

Reply to this Message

berrucho - 02 Sep 2003 19:28 GMT

Many thank's Vjekoslav
Worked perfectly
I was doing it server side...........
berrucho

> > Hi!
> >
[quoted text clipped - 45 lines]
> }
> }

Reply to this Message

Reset listbox select items to selectedindex=0

Free Magazines