javascript - 使用php，mysql和javascript将值动态获取到文本字段(如滑块)

它们是两个表：Table x( holds 'Areaname','datacount' coloumns) and Table Y (holds 'Areaname')
用户稍后从php页面输入Areaname和datacount，然后将其插入表x
我的要求：
如果Areaname是表Y的新条目，那么它也将插入到“表y”中
当用户在文本字段上键入区域名称时，如果Areaname与表y值匹配
然后是一个滑块/下拉列表，其中应显示与他输入的单词匹配的Areanames
如果他仍然继续，则将其视为新区域并插入到表y中

Ex:
Areaname   |datacount
New york   | 1000
California | 500

用户2再次进入加利福尼亚，然后在键入“ cali”时，则应检查“表y”是否匹配，然后在滑块中保持显示，如果不匹配，则应将其插入“表y”
在此先感谢队友。我到这里的代码片段很少，但不符合我的要求。

最佳答案

好吧，我认为您可以使用Jquery进行检查，例如，使用功能.change（）可以在用户更改输入中的数据时捕获事件，因此您可以在输入更改到每个php文件时发送一个帖子在这里接收用户输入的内容并检查数据库中的结果，然后返回结果，并使用jquery检索该数据，然后可以将其放入包含结果的输入下方的表中，因此，如果用户正在寻找内容您已经拥有的表格中的结果可以帮助他找到它，并且可以通过按钮选择结果。如果他不想选择结果，他会简化提交结果并保存。

$(document).ready(function(){
    $("#yourSelectId").change(function(){
         $.post("yourPHPfile.php",{str:$("#yourSelectId").value()},function(dataReturn){
             //process the data and put it in a table. if you use json_encode in php
             //it's gonna be easire you can use a .each() of jquery to process every
             //row in the json and then create an string with the html of the table
             //with results and put it in your <table> with .html(stringHtml);
         });
    });
});

我认为这是最简单的方法，例如中可以有其他选项，例如autocomplete（jquery插件）。但我为您提供了一个选择，如果您需要更多帮助，请告诉我。问候。祝你今天愉快。