의 jQuery의 keyup는 내가 처음에 대한 모질라의 작업 잘 파이어 폭스와 chrome.In 인터넷 익스플로러</p> <p>그 작업을 미세 각 텍스트 상자에 여러 텍스트 상자 및 호출 JQuery와의 keyup이 IE11

Question

작동하지 않습니다 텍스트 상자가 완벽하게 작동해야하지만 다른 텍스트 상자가 제대로 작동하지 않습니다. 즉, 키패드가 전화를 걸지 않았 음을 의미합니다. .Below 내 코드입니다 : -

나는 각 텍스트 상자에 여러 텍스트 상자 및 호출 JQuery와의 keyup가 첫 번째 텍스트 상자에 대한 모질라 파이어 폭스와 chrome.In 인터넷 익스플로러

그 작업을 잘에서의 작업 잘 그것으로 완벽하게 작동해야하지만 다른 텍스트 상자가 제대로 작동하지 않습니다, 나는 그들을 위해 keyup 전화를 의미하지 않습니다. .Below 내 코드입니다 : -

<script type="text/javascript"> 
    $(function(){ 
    $(".search").keyup(function() 
    { 

    var searchid = $(this).val(); 
    var idloc=document.getElementById("state").value; 

    var type='p_school'; 
    var dataString = 'locality='+ searchid+'&id='+ idloc+'&type='+ type; 

    if(searchid!='') 
    { 
     $.ajax({ 
     type: "POST", 
     url: "loaddata.php", 
     data: dataString, 
     cache: false, 
     success: function(html) 
     { 
     $("#result").html(html).show(); 
     } 
     }); 
    }return false;  
    }); 

    jQuery("#result").on("click", ".show", function() { 
     var $name = $(this).find(".name").text(); 
     var $id = $(this).find(".pid").text(); 
     var type='state'; 
     var pid='pid='+$id+'&type='+ type; 
     $.ajax({ 
     type: "POST", 
     url: "load_state.php", 
     data: pid, 
     cache: false, 
     success: function(html) 
     { 
     //alert (html); 
     $('#p_school').show(); 
     $('#p_school').html(html); 
     $('#p_school_old').hide(); 
     } 
     }); 
     $("#searchid").val($name); 
     }); 

     jQuery(document).on("click", function(e) { 
     var $clicked = $(e.target); 
     if (! $clicked.hasClass("search")){ 
     jQuery("#result").fadeOut(); 
     } 
    }); 


    if(searchid=='') 
    { 
    $('#searchid').click(function(){ 
     jQuery("#result").fadeIn(); 
    }); } 
    }); 

    $(function(){ 
    $(".search1").keyup(function() 
    { 
    alert ("hello second textbox"); 
    var searchid1 = $(this).val(); 
    var idloc1=document.getElementById("state1").value; 
    var type1='s_school'; 
    var dataString1 = 'locality1='+ searchid1+'&id1='+ idloc1+'&type1='+ type1; 


    if(searchid1!='') 
    { 
     $.ajax({ 
     type: "POST", 
     url: "loaddata.php", 
     data: dataString1, 
     cache: false, 
     success: function(html) 
     { 
     $("#result1").html(html).show(); 
     } 
     }); 
    }return false;  
    }); 

    jQuery("#result1").on("click", ".show1", function() { 
     var $name = $(this).find(".name1").text(); 
     var $id = $(this).find(".sid").text(); 
     //var pid='pid='+ $id.+'&type='+ type; 
     var type='s_state'; 
     var pid='pid='+$id+'&type='+ type; 
     $.ajax({ 
     type: "POST", 
     url: "load_state.php", 
     data: pid, 
     cache: false, 
     success: function(html) 
     { 
     //alert (html); 
     $('#s_school').show(); 
     $('#s_school').html(html); 
     $('#s_school_old').hide(); 
     } 
     }); 

     $("#searchid1").val($name); 
     //alert ("Danstring"); 

     }); 

     jQuery(document).on("click", function(e) { 
     var $clicked = $(e.target); 
     if (! $clicked.hasClass("search_ss")){ 
     jQuery("#result1").fadeOut(); 
     } 
    }); 

    if(searchid1=='') 

    { 
    $('#searchid1').click(function(){ 
     jQuery("#result1").fadeIn(); 
    }); } 
    }); 


    </script> 

//HTML Code 

    HTML are below:- 

    <input type="text" placeholder="Primary School" name="primary[]" autocomplete="off" class="search" id="searchid" style="margin-top: 7px; border: 1px solid #7B9E94; min-height: 29px;"> 

    <input type="text" placeholder="Secondary School" name="secondary[]" autocomplete="off" class="search1" id="searchid1" style="margin-top: 7px; border: 1px solid #7B9E94; min-height: 29px;"> 


    Thanks 

Answer 1

사용자의 입력 요소가 다른 클래스 이름을 가지고 있기 때문에,이 라인 변경 시도 : 이것에

$(".search").keyup(function() 

:

이

$(".search, .search_ss").keyup(function()