Question

我有一个表格，包括：

<input type="text" id="model">
<input type="text" id="serial">
<input type="text" id="lot_no">
<select id="line">

旁边我有settingdata表中的数据：

Model     Serial      Lot_no     Line
abc        0001         012a      1
abc        0101         022a      1

我想如果我输入abc in #model then 0101 in #serial，则会将数据显示为：

#lot_no -> 022a
#line -> 1

我希望#lot_no和#serial可以在第1和第2个文本字段中输入一些数据后自动填充。我该怎么做？

$('#serial').blur(function(){
         $.ajax({

mysql查询怎么样？

Answer 1

从我能提出的问题来看，你正在寻找一个ajax解决方案。用户在字段中键入，您查询数据库，其余字段是否自动填充？像这样的东西？

Answer 2

您需要的是在jquery中查看Ajax以检索数据库数据而不刷新整个页面。你可以从网上开始有很多例子：

http://api.jquery.com/jQuery.ajax/

http://www.devirtuoso.com/2009/07/beginners-guide-to-using-ajax-with-jquery/

演示

http://www.devirtuoso.com/Examples/jQuery-Ajax/

Answer 3

设置客户端函数 - 当串行和/或模型文本框失去焦点时，您将触发Ajax调用，该调用将检索其他2个值。然后将它们分配给另一个文本框和下拉列表。

$('#serial').blur(function() {

  $.ajax({
        type: "POST",
        url: "yoururl?serial=x&model=y",
        contentType: "application/json; charset=utf-8",
        dataType: "json",
        success: function(msg) {
          SetValues(msg);
        }
  });  
});

然后你显然需要一些服务器端逻辑来检索另外两个值。例如，ashx处理程序或web服务，它执行以下操作：

// Get results from the database, then return them in an anonymous object

return select new
      {
        Textboxvalue = "abc",
        Dropdownvalue = "xyz
      };

最后，回到客户端逻辑中，从ajax调用中获取结果并使用它们填充第二个文本框和下拉列表。

function SetValues(obj)
{
   $('#lot_no').val(obj.Textboxvalue);
   $('#line').val(obj.Dropdownvalue);
}

显然，在上面的代码中仍然需要完成一些工作才能使它工作，但它应该让你对如何继续进行一般性的了解。

编辑：我的服务器端示例显然不在PHP中，但仍然应该给你一般的要点。

填写两个文本字段后显示数据

3 个答案: