需要建议和错误帮助请!(HTML和JS,可能是PHP和MySQL)

需要建议和错误帮助请!(HTML和JS,可能是PHP和MySQL),php,javascript,html,mysql,Php,Javascript,Html,Mysql,我正在尝试制作一个自动完成的论坛(如下面的标签),它可以在lime survey中运行。我是新手,所以请像我5岁一样解释一切:) 我的目标是: 自动完成工作 石灰测量工作 有一个excel文件或者一个使用PHP/MySQL的数据库,任何人都可以通过编辑来管理。只有一排。请告诉我怎么做。我使用mac:) 代码如下: <!DOCTYPE HTML> <html> <body> <div > <input type="text" id="

我正在尝试制作一个自动完成的论坛(如下面的标签),它可以在lime survey中运行。我是新手,所以请像我5岁一样解释一切:)

我的目标是:

  • 自动完成工作
  • 石灰测量工作
  • 有一个excel文件或者一个使用PHP/MySQL的数据库,任何人都可以通过编辑来管理。只有一排。请告诉我怎么做。我使用mac:)
  • 代码如下:

    <!DOCTYPE HTML>
    <html>
    <body>
    <div > 
        <input type="text" id="raw_input" width="100" height="30" name="box" onkeyup=show(this)> 
    </div> 
    <div id="drop_down" style="display:none"> 
        <SELECT id=box size=3 name="box" onclick=show(this)></SELECT> 
    </div> 
    
    <script>
        function drop_the_box() { 
           document.getElementById("drop_down").style.display = "none";
           document.getElementById('box').length = 0;
    
           if (!randomcharactersblablabla).test(document.getElementById("raw_input").value){
               document.getElementById("drop_down").style.display="block";
               var database = new Array("object_1","item_1","object_2","item_2");
    
                var string = document.getElementById("raw_input").value;
                for (var s = 0; s < database.length; s+= 1 ) {                      
                    var t += 1 
                    if (database[s].indexOf(string) != 0) {
                        addItem(string[s],database[s]); 
                        scan(streetArray[s],streetArray[s]);
                    }
                }
            }
        }
    
        function scan(x,y) { 
            var ghost_tag = document.createElement("ghost");  
            document.getElementById("box").options.add(ghost_tag);  
            ghost_tag.text = x; 
            ghost_tag.value = y; 
        } 
    
        function show(visable) { 
            document.getElementById("dropdown").value = visable.value;
        }
    </script>
    </body>
    </html>
    
    
    函数drop_the_box(){
    document.getElementById(“下拉”).style.display=“无”;
    document.getElementById('box')。长度=0;
    if(!randomCharactersBallabla).test(document.getElementById(“原始输入”).value){
    document.getElementById(“下拉”).style.display=“block”;
    var数据库=新数组(“对象_1”、“项_1”、“对象_2”、“项_2”);
    var string=document.getElementById(“原始输入”).value;
    对于(var s=0;s
    将数据保存在mysql数据库中。创建处理查询的php文件。使用jquery.ajax()发送查询并从php文件中检索响应

    用这个例子

    jQuery文件

    $('#search').change(function(){
        var name = $('#search').val();
        $.ajax({
            type: 'POST',
            url: 'request.php',
            data: 'some data(may be variable)',
            success: function(response){
                $('#searach').val(response);
            }
        });
    })
    
    php文件

    if(isset($_POST['some_data'])){
        $query = 'SELECT your_table_field FROM your_table WHERE your_table_field LIKE %$_POST['some_data']% LIMIT 1';
        $result = mysql_query($query);
        $myrow = mysql_fetch_array($result);
        echo $myrow[0];
    }
    

    享受sql注入攻击的世界吧!:)使用mysql\u real\u escape\u string()请注意,这些网站也需要对未来的访问者有用。因此,请在每篇文章中提出一个问题,并将其标题概括为该问题。谢谢