i have placed a text box with onclick and onblur event. onclick shows contents(links) of a div tag below it and onblur hides the div
basically it was a jquery based drop down menu but due to some problem I need to avoid jquery. Now the problem happens when a link of div tag is clicked. The link does not work due to onblur event on the textbox. Any suggestion?
<input type="text" style="text-transform: capitalize;" value="" class="abd_txtfld" name="loc" id="loc" onclick="gettabcontentSearch('','')" onblur="hide()"/>
<div id="cityddsearch" class="select_citydd" style="position: absolute; margin-top: 2px; left: 5px; display: none;">
<ul>
<li><a href='../link1.asp'>link1</a></li>
<li><a href='../link2.asp'>link2</a></li>
<li><a href='../link3.asp'>link3</a></li>
</ul>
</div>