hamidhassas
سه شنبه 27 اسفند 1392, 15:28 عصر
توی رویداد change یا click مربوط به اون عنصر باید با AJAX اطلاعات مربوطه رو از سرور بگیرین و توی المنتهای موردنظر از فرم قرار بدین.
میشه عملی نشونم بدید بلد نیستم چکار کنم
این اصل کد من
نام فیلد های موجود در جدول دیتابیس
Name_Family
Tel_Number
User_Address
کد فایل search.php
$db = new mysqli('localhost', 'root' ,'', 'user');
$db->query('SET NAMES \'utf8\'');
if(!$db) {
echo 'ERROR: Could not connect to the database.';
} else {
if(isset($_POST['queryString'])) {
$queryString = $db->real_escape_string($_POST['queryString']);
if(strlen($queryString) >0) {
$query = $db->query("SELECT name_family FROM customer_profile WHERE name_family LIKE '$queryString%' LIMIT 10");
if($query) {
while ($result = $query ->fetch_object())
{
echo '<li onClick="fill(\''.$result->name_family.'\');">'.$result->name_family.'</li>';
}
} else {
echo 'ERROR: There was a problem with the query.';
}
} else {
}
} else {
echo 'There should be no direct access to this script!';
}
}
کد فایل index.php
<script type="text/javascript" src="jquery-1.2.1.pack.js"></script>
<script type="text/javascript">
function lookup(inputString) {
if(inputString.length == 0) {
// Hide the suggestion box.
$('#suggestions').hide();
} else {
$.post("search.php", {queryString: ""+inputString+""}, function(data){
if(data.length >0) {
$('#suggestions').show();
$('#autoSuggestionsList').html(data);
}
});
}
} // lookup
function fill(thisValue) {
$('#inputString').val(thisValue);
setTimeout("$('#suggestions').hide();", 200);
}
</script>
<style type="text/css">
body {
font-family: Helvetica;
font-size: 11px;
color: #000;
}
h3 {
margin: 0px;
padding: 0px;
}
.suggestionsBox {
position: relative;
left: 30px;
margin: 10px 0px 0px 0px;
width: 200px;
background-color: #212427;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border: 2px solid #000;
color: #fff;
}
.suggestionList {
margin: 0px;
padding: 0px;
}
.suggestionList li {
margin: 0px 0px 3px 0px;
padding: 3px;
cursor: pointer;
}
.suggestionList li:hover {
background-color: #659CD8;
}
</style>
<form>
<div>
نام و نام خانوادگی:
<br />
<input type="NAME" size="30" value="" id="inputString" onkeyup="lookup(this.value);" onblur="fill();" />
</div>
<div class="suggestionsBox" id="suggestions" style="display: none;">
<img src="upArrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
<div class="suggestionList" id="autoSuggestionsList">
</div>
</div>
<BR />
<div>
تلفن:
<br />
<input type="TEL" size="30" value="" />
</div>
<div>
آدرس:
<br />
<input type="ADDRESS" size="30" value="" />
</div>
</form>