http://www.dostavka-produktov.su/designated_drivers.php
Выбираются номера из базы данных MySql,
в JS через ajax,
все хорошо работает, единственное что нужно при нажатии на выбранный номер? чтобы он сохранялся в input и при нажатии button "Выбрать" отправлялся в БД.
Как в БД отправить не проблема, проблема именно с обработкой события onclick
на JS, чтобы выбралось необходимое значение.
Помогите кто может.
Коды:
designated_drivers.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Выбрать водителя</title>
<style type="text/css">
body
{
font-family:"Lucida Sans";
background: rgba(32, 0, 176, 1);
}
*
{
margin:0px
}
#searchbox
{
width:200px;
border:solid 1px #000;
padding:3px;
}
#display
{
width:200px;
display:none;
border-left:solid 1px #dedede;
border-right:solid 1px #dedede;
border-bottom:solid 1px #dedede;
overflow:hidden;
background-color: white;
}
.display_box
{
padding:7px; border-top:solid 1px #dedede; font-size:12px; height:10px;
}
.display_box:hover
{
background:#3b5998;
color:#FFFFFF;
cursor:pointer;
}
#shade
{
background-color:#00CCFF;
}
</style>
</head>
<body>
<div style="padding:6px; height:23px; background: rgba(32, 0, 176, 1); margin-top: 45px;">
<div style="width:300px; font-size:15px; font-weight:bold; color:#FFFFFF; top:25px; position:absolute;">@timeouttaxi</div>
<div style="width:300px; margin-right:30px">
<input type="text" class="search" id="searchbox" style="background-color:white;" /><input type="button" value="Выбрать" style="left:30px;"><br />
<div id="display">
</div>
</div>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.watermarkinput.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".search").keyup(function()
{
var searchbox = $(this).val();
var dataString = 'searchword='+ searchbox;
if(searchbox=='')
{
}
else
{
$.ajax({
type: "POST",
url: "ajax_helper_pozivnoy.php",
data: dataString,
cache: false,
success: function(html)
{
$("#display").html(html).show();
}
});
}return false;
});
});
jQuery(function($){
$("#searchbox").Watermark("Выбрать водителя из списка");
});
</script>
</body>
</html>
и сам ajax_helper_pozivnoy.php
<?php
include('bd.php');
if($_POST)
{
$q=$_POST['searchword'];
$sql_res=mysql_query("SELECT * FROM pozivnye WHERE pozivnoy like '%$q%' ORDER BY id LIMIT 15");
while($row=mysql_fetch_array($sql_res))
{
$pozivnoy=$row['pozivnoy'];
$re_pozivnoy="<b>".$q."</b>";
$final_pozivnoy = str_ireplace($q, $re_pozivnoy, $pozivnoy);
?>
<div class="display_box" align="left"><?php echo $final_pozivnoy; ?><br/>
</div>
<?php
}
}
else
{
}
?>
Кто может каким советом. При реализации решения вопроса заплачу.