Анализировать нужно малое, так лучше видны твои проблемы 
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<!--
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.input_form { position:relative; float: left; width:387px; margin-top:10px; height:50px; }
.input_form input{ border: none; position:absolute; display:block; padding:0 5px; width:250px; line-height:23px; height:23px; font-family:Tahoma, Geneva, sans-serif; font-size:15px; background:#d9d9d9;}
.from_help { position:absolute; left:0; top:23px; border:1px solid #d9d9d9; padding:0 4px; width:250px; border-top:none; background:#fff; z-index:2; }
</style>
<script type="text/javascript">
$(document).ready(function(){
//$("#from").on("keyup",function(){
$("#from").on("keyup change",function(){
for (var i=0; i<3; i++) {
$('#from_help').append('<div class="add">Item '+i+'</div>');
};
});
});
$(document).ready(function(){
$('#from_help').on('click','.add',function () {
$("#from").val($(this).text())
$('#from_help').empty();
alert ('working???');
});
})
// добавление полей
</script>
</head>
<body>
<div class="input_form">
<input id="from" type="text" />
<div id="from_help" class="from_help "></div>
</div>
</body>
</html>
|