alguem sabe como corrigir esse codigo?

<script language="JavaScript">

function showHint()

{

	document.getElementById("inpt").style.display = "block";

 

}

 

function hideHint()

{

	document.getElementById("inpt").style.display = "none";

 

}

function selectHint(str)

{

	document.getElementById("inpt").value="str";

 

}

</script>

<input type="text" id="inpt" onFocus="showHint()" onBlur="hideHint()" onKeyUp="updateHint(this.value)">

<div id="hint">

 <ul>

 <li><a href="javascript:selectHint(\"Exemplo\")">Exemplo</a></li>

 </ul>

</div>

O problema é que quando clico no link "Exemplo", a div desaparece antes de o evento onClick ser requisitado. Como contornar o problema?