attaching JS function to a UL/LI menu item

attaching JS function to a UL/LI menu item

Ok.  Extreme newbie here.

I have a menu system that is structured in <ul>/<li> fashion. Code below.  How do I attach JS functions to any single item?  My functions will be going out and grabbing the static xml and applying some filtering/selections on it, then passing the result to a datagrid.  Writing the function is not hard (standard JS), but how do I attach it to a <li> type of menu item??  Each high-level menu item (such as Small Arms, Bombs) will be performing selections on completely separate xml library files.

Tony

  1. <ul id="nav">
            <li><a href="#" title="#"><span>Home</span></a></li>
            <li><a href="#" title="#"><span>Small Arms</span></a>
                <ul>
                    <li><a href="#" title="#"><span>Shot Gun</span></a></li>
                    <li><a href="#" title="#"><span>Bullet</span></a>
                        <ul>
                            <li><a href="#" title="#"><span>22 cal</span></a></li>
                            <li><a href="#" title="#"><span>38 cal</span></a></li>
                            <li><a href="#" title="#"><span>45 cal</span></a></li>
                            <li><a href="#" title="#"><span>50 cal</span></a></li>
                            <li><a href="#" title="#"><span>5.56 mm</span></a></li>
                            <li><a href="#" title="#"><span>7.62 mm</span></a></li>
                            <li><a href="#" title="#"><span>9 mm</span></a></li>
                            <li><a href="#" title="#"><span>20 mm</span></a></li>
                            <li><a href="#" title="#"><span>25 mm</span></a></li>
                            <li><a href="#" title="#"><span>30 mm</span></a></li>
                        </ul>
                    </li>
                </ul>
            </li>
            <li><a href="#" title="#"><span>Bombs</span></a>
                <ul>
                    <li><a href="#" title="#"><span>Practice</span></a></li>
                    <li><a href="#" title="#"><span>500 lb</span></a></li>
                    <li><a href="#" title="#"><span>1000 lb</span></a></li>
                    <li><a href="#" title="#"><span>2000 lb</span></a></li>
                </ul>
            </li>