HTMLフィールドに入力するときにDBテーブルからの結果を表示する自動提案を作成しました.JavaScriptを使用して、自動提案の値が含まれている同じ行から別の値を投稿したいと考えています.
http://i.imgur.com/ys8mnbV.png
これらの提案には両方とも独自の番号があり、重複していませんが、助けが必要なことについては、これらの提案のいずれかの行の番号を下の番号のフィールドに投稿してください。
htmlフォームはこちら
<div class="floatingBox">
<div class="container-fluid">
<form class="contentForm" form method="POST" form action="index.php">
<div class="control-group">
<label class="control-label">Name:*</label>
<div class="controls">
<input type="text" name="name" class="span4 autosuggest">
<div class="control-group" >
<div class="dropdown">
<ul class="result"></ul></div>
<label class="control-label">Number:*</label>
<div class="controls">
<input type="text" class="span4 number" name="number" placeholder="ex: ######">
</div>
ジャバスクリプトはこちら
$(document).ready(function() {
$('.span4.autosuggest').keyup(function() {
var search_term = $(this).attr('value');
$.post('ajax/search.php', {search_term:search_term}, function(data){
$('.result').html(data);
$('.result li') .click(function() {
var result_value = $(this).text();
$('.span4.autosuggest').attr('value', result_value);
$('.result').html('');
});
});
});
});
データベーステーブルから情報を取得する PHP は次のとおりです。
<?
include '../connect.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 * FROM *table* WHERE id = '$userid' AND name LIKE '$search_term%' ");
while(($row = mysql_fetch_assoc($query)) !== false){
echo '<li>', $row['client_name'], '</li>';
}
}
?>