jquery - 当盒子充满 jquery .post() 时从 mysql 获取行

Question

我想从mysql db获取数据，首先用户选择db，然后输入id #

select db<select id="db" name="db_name">
                <option value="">-choose-</option>
                <option value="ekoloji_db">ekoloji</option>
                <option value="ejobios_db">ejobios</option>
                <option value="ejen_db">ejen</option>
    </select><br/>
        <table>
            <tr><td> article id:  <input id="articleID" type="text" name="Article_ID" size="3"/></td>
            <td><div id="showarticle">

            </div></td>
            </tr></table>

我想在输入文章 ID 后显示文章标题，但不刷新页面。因为我是 jquery 新手，所以我找到了 .post() 并以一种天真的方式实现了，

$(document).ready(function(){
            $("#db").change(onSelectChange);
    });
        function onSelectChange(){
            var selected = $("#db option:selected");
            var output = "";
            output = selected.text() ;
        $.post('db_connect.php', {db: "selected"}, function(show){
            $("#showarticle").html(show);
        });}

当从下拉列表中选择 db 时，它会在 showarticle div 中显示文章标题，但我想要的是，在将文章 ID 输入文本框后使其可见。

来自 php 的是字符串，我必须发布下拉值和 aricle id，然后显示它。但我被困住了。

事件顺序应该是:

1. 用户从下拉列表中选择数据库
2. 用户输入文章 ID
3. 输入文章 ID 后，我想显示所选数据库中所选文章的名称..

非常感谢任何帮助..

Answer 1

试试这个:

$(document).ready(function(){
   $("#articleID").blur(function() {
       var articleid = $(this).val();
       var selected = $('#db').val();
       $.post('db_connect.php', {"db": selected, "articleid" : articleid},           
           function(show){
               $("#showarticle").html(show);
           }
       )
   });
});

Docs for .blur() are here您可以使用 blur 监听器并同时实现一个函数。

我从输入的this 中获取值，然后从您的选择列表db 中获取当前选择(值)。将数据发布到服务器。