为什么没有从 Jquery 中的 JSON 中提取该值

Question

我有 2 个名为 Stuno 和 Stuname 的 txt 字段。当我在 txtfield1 中输入学生编号时，它会在 txtfield2 中提取并显示学生姓名。所以这就是我正在执行的文档加载操作，我将焦点放在 txtfield1(stuno) 上。如果我不放置焦点，它会将名称拉得非常好。如果我有焦点，它就不会拉动。表单的加载 我需要关注 txtfield1(stuno)。这是我的代码，如果我做错了什么，请纠正我。

$(document).ready(function(){
    $("#stuno").focus();
    $("#stuno").change(function(){
            if ( jQuery.trim( $( '#stuno' ).val() ) == '' ) {               
                $('#stuname').val( '' );
                $( '#stuerr' ).text( 'Student Account Not Valid!' ) ;
            }
            else{
                  $.ajaxSetup ({cache: false}); 
                  $.getJSON("student.php",{'stuno' : $("#stuno").attr('value')},
                    function(data){                                         
                      if(data[0].status){                           
                            var labelvalue = data[0].label.split('-');
                            $("#stuname").attr("value",labelvalue[1]);  
                      }else{                          
                          $('#stuname').val( '' );
                          $( '#stuerr' ).text(data[0].label);
                      }
                      if(  $("#stuname").attr("value") ){                               
                          $( '#stuerr' ).text( '' ) ;
                     }
                   });

            }
        });
    });
}

Answer 1

尝试使用keypress而不是change。当您离开输入焦点或更改选择框时，会触发更改。只要按下或释放某个键，就会触发 Keypress。

所以代替：

$("#stuno").change(function(){

使用

$("#stuno").keypress(function(){

Answer 2

并不是你问题的真正答案。

您正在 $ 和 jQuery 之间进行更改，这有点奇怪。另外，您使用 $("#stuno").attr("value") 而不是 $("#stuno").val() 是否有原因？

Answer 3

有些浏览器在焦点丢失之前不会触发 onChange 事件。也许您想做这样的事情：

jQuery(document).ready(function($){
    $("#stuno").focus().keypress(function(e){
        if(e.which === 13){ // if the enter key was pressed
            e.preventDefault() // prevent the enter key from submitting the form
            if ( $.trim( $( '#stuno' ).val() ) == '' ) {
                $('#stuname').val( '' );
                $( '#stuerr' ).text( 'Student Account Not Valid!' ) ;
            }
            else{
                $.ajaxSetup ({cache: false}); 
                $.getJSON("student.php",{'stuno' : $("#stuno").val()},
                    function(data){                                  
                        if(data[0].status){                           
                            var labelvalue = data[0].label.split('-');
                            $("#stuname").val(labelvalue[1]);  
                        }else{                          
                            $('#stuname').val( '' );
                            $( '#stuerr' ).text(data[0].label);
                        }
                        if(  $("#stuname").val() ){                               
                          $( '#stuerr' ).text( '' ) ;
                     }
                   });

            }
        }
    });
});

我已经对您的代码做了一些事情。为了保持一致性，我将所有 .attr('value',...) 调用更改为 .val()。我在准备好的函数外部使用了 jQuery 变量，并确保 $ 变量实际上是准备好的函数内部的 jQuery。我已更改您的 change 处理程序以在 keypress 上运行 仅当按下的键是 Enter 键时。