jquery根据文本框1输入的内容自动生成文本框2的内容

jquery根据文本框1输入的内容自动生成文本框2的内容

问题描述:

根据文本框1输入的学生id,并实时比对,从数据库中进行筛选,把学生名字select出来并生成到文本框2

题主要的模式大概如下,注意动态也用post方法获取stuid参数,如php的$_POST["studid"]或者asp.net的Request.Form["stuid"],根据studid参数读取姓名后直接输出


学生ID:<input type="text" id="stuId" /> 学生名字:<input type="text" id="stuName" />

<script src="https://g.csdnimg.cn/??lib/jquery/1.12.4/jquery.min.js"></script>
<script>
    $('#stuId').change(function () {
        if (this.value != '') {
            $.ajax({
                url: '根据id读取名字的网址',
                type: 'POST',
                data: { stuid: this.value },
                complete: function (xhr) {
                    $('#stuName').html(xhr.responseText)
                }
            })
        }
    });    
</script>

有帮助麻烦点下【采纳该答案】,谢谢~~有其他问题可以继续交流~

直接 sql语句查询啊

jquery请求后台查询得到学生,然后对学生循环成一参数html,之后在$('待替换位置').html(html)这样就行了