我试图制作一个自动完成列表,显示从表格上的数据库中提取的公司名称。这一切都很好,除了我可以通过表单传递数据的唯一方法是显示它的索引号。如何隐藏号码,只显示公司名称。
我对此很陌生,所以提前道歉。
HTML 输入,
<td width="20%"><h2>Supplied By</h2></td>
<td width="30%">
<input type="text" class="autosuggest" name="supplierID" id="supplierID">
<div class="dropdown">
<ul class="result" value="supplierID"></ul>
</div>
script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script src="js/primary.js"></script>
</td>
js/primary.js
$(document).ready(function() {
$('.autosuggest').keyup(function(){
var search_term = $(this).attr('value');
$.post('../ajax/position.php', {search_term:search_term}, function(data) {
$('.result').html(data);
$('.result li').click(function() {
var result_value = $(this).text();
$('.autosuggest').attr('value', result_value);
$('.result').html('');
});
});
});
});
../ajax/position.php
<?php
require_once '../scripts/connect_to_mysql.php';
if (isset($_POST['search_term']) == true && empty($_POST['search_term']) == false)
{
$search_term = mysql_real_escape_string ($_POST['search_term']);
$query = mysql_query("SELECT `Company` , `CompanyID` FROM `company`
WHERE `Company`
LIKE '$search_term%'");
while (($row = mysql_fetch_assoc($query)) !==false)
{
echo '<li>',$row['CompanyID'].$row['Company'],'</li>';
}
}
?>