Question

I have a drop-down list of items like below, and I would like to on-click send just the name such as “classes” or “inheritance” , to my controller.

<li><a href="#">Pointers</a></li>   
<li><a href="#" class="parent">Classes</a>
 <ul>
  <li><a href="#">Shapes</a></li>
  <li><a href="#">Submenu</a></li>
 </ul>
</li>
<li><a href="#">Inheritance</a></li>
<li><a href="#">Polymorphism</a></li>
<ul>

My question is should if I should use Javascript, such as:

   <li><a href="#" id="someId" onclick="SomeMethod(this);" > Pointers</a>

Then How do i retrieve the element in my function and send to controller?

or can I use use form action ?

Answer 1

No need for javascript…

HTML:

<li><a href="the_controller/the_method/pointers">Pointers</a></li>   
<li><a href="the_controller/the_method/classes" class="parent">Classes</a>
 <ul>
  <li><a href="the_controller/the_method/shapes">Shapes</a></li>
  <li><a href="the_controller/the_method/submenu">Submenu</a></li>
 </ul>
</li>
<li><a href="the_controller/the_method/inheritance">Inheritance</a></li>
<li><a href="the_controller/the_method/polymorphism">Polymorphism</a></li>
<ul>

Controller:

class The_controller extends CI_Controller{
    function the_method($the_word){
        /*do something with $the_word;*/
    }
}