قمت بعمل شريط بحث باستخدام jQuery ... كما هو موضح بالصورة بنفس طريقة FaceBook ...
يقوم باسترجاع اسم المريض، وتاريخ الدخول، ورقم المريض من قاعدة البيانات ... عند اختيار اسم معين بعد عملية البحث فإن الاسم يظهر مباشرة في الـ TextBox كما هو موضح في الصورة
هذا هو الكود الخاص بالصفحة التي بها الـ TextBox الخاص بعملية البحث
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title>Untitled Page</title>
<link href="css/jquery.autocomplete.css" rel="stylesheet" type="text/css" />
<script src="scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<script src="scripts/jquery.autocomplete.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$("#<%=txtSearch.ClientID%>").autocomplete("Search.ashx", {
width: 305,
formatItem: function (data, i, n, value) {
return "<table><tr><td><img style = 'width:50px;height:50px;border-style: double; border-width:3px; border-color:gray;' src='Images/" + value.split(",")[1] + "'/></td><td>" + value.split(",")[0] + "<br/><b><font style=\"color:gray\">Date: " + value.split(",")[3] + "</font></b><br/><b><font style=\"color:gray\">Patient ID:" + value.split(",")[2] + "</font></b></td></tr></table>";
},
formatResult: function (data, value) {
return value.split(",")[0] ;
}
});
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="txtSearch" runat="server" Width = "300px"></asp:TextBox>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
</div>
</form>
</body>
</html>ما أود القيام به هوه التعديل على هذا الكود الخاص بالـ javascript ليقوم بوضع اسم المريض في الـ txtbox الأول ورقم المريض في الـ textbox الثاني كما هوه موضح بالصورة التالية:
كيف يمكنني التعديل على هذا الكود ليقوم بأخذ رقم المريض ومن ثم وضعه في الحقل الثاني، واسم المريض في الحق الأول
