title: how to add onchange event to ul tag elements?
body: <p>I have a drop down with set of 'ul' and 'li' like this,</p>
  
  <pre><code>&lt;div style="float:left;"&gt;
      &lt;div class="group"&gt;
          &lt;div style="width:80px;"&gt;Dropdown&lt;i class="fa fa-caret-down"&gt;&lt;/i&gt;&lt;/div&gt;
              &lt;ul style="float:left;"&gt;
                  &lt;li&gt;&lt;a href="javascript:void(0);"&gt;Option1&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="javascript:void(0);"&gt;Option2&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="javascript:void(0);"&gt;Option3&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to add onchange() event to ul tag. I can say onchange i have to call one function SelectedItem(optionselected) with selected 'li' text as parameter.Anyone Please help me. Thank you.</p>