jquery에서 선택한 자동 완성 텍스트 상자 값을 얻는 방법

아래 코드는 내 자동 완성 텍스트 상자 값을 얻는 방법입니다. JQuery?jquery에서 선택한 자동 완성 텍스트 상자 값을 얻는 방법

<script type="text/javascript" src="JS/jquery.min.js"></script> 
    <script src="JS/jquery.autocomplete.js"></script> 
    <script> 
      $(function() { 
       $("#data").autocomplete("list.jsp") 

      }); 
     </script> 
     <script> 
      $(document).ready(function() { 
        $('#data').on('change', function() { 
         $('#d').html('You selected: ' + this.value); 
        }).change(); 
        $('#data').on('autocompleteselect', function (e, ui) { 
         $('#d').html('You selected: ' + ui.item.value); 
        }); 
       }); 

      </script> 
    </head> 
    <body> 
    <form action="osave.jsp" name="frm" method="post"> 
    Customer Name <input type="text" id="data" name="cname"> 
    <div id="d"></div> 
    </form>

텍스트 상자 자동 완성 기능이 작동하지만 텍스트 상자 값을 가져올 수 없습니다. 출력은 다음과 같다 :

고객 이름 : USHA 당신은 선택
: 자동 완성이 값을 변경하면 유

출처

2016-07-11 RamChithra

오전 새로운이 방법을 시도해보십시오. – RamChithra

이 2 태그의 모든 문제는 – RamChithra

, 그것은 autocompletechange 이벤트가 아닌 변경 이벤트를 발생을

$(document).ready(function() { 
    $('#tags').on('autocompletechange change', function() { 
     $('#tagsname').html('You selected: ' + this.value); 
    }).change(); 
});

데모 : Fiddle

다른 해결책은 select 이벤트를 사용하는 것입니다. beca 변경 이벤트가 입력이 그냥 ui.item.label 등으로 ui.item.value을 변경

$(document).ready(function() { 
    $('#tags').on('change', function() { 
     $('#tagsname').html('You selected: ' + this.value); 
    }).change(); 
    $('#tags').on('autocompleteselect', function (e, ui) { 
     $('#tagsname').html('You selected: ' + ui.item.value); 
    }); 
});

출처

2016-07-11 10:30:48 user1012506

바이올린 링크 .. –

이 동일한 코드를 사용하고 있지만 얻을 수 없습니다 .. – RamChithra

하지만 그것은 어떤 브라우저 ...? – user1012506

을 흐리게 경우에만 트리거 사용보다 일반적으로 질문에 대답하려면

$('#data').on('autocompleteselect', function (e, ui) { 
    $('#d').html('You selected: ' + ui.item.label); 
});

출처

2016-07-11 10:34:56

, 대답은 :

select: function(event , ui) { 
    alert("You selected: " + ui.item.label); 
}

전체 예 :

$('#test').each(function(i, el) { 
    var that = $(el); 
    that.autocomplete({ 
     source: ['apple','banana','orange'], 
     select: function(event , ui) { 
      alert("You selected: " + ui.item.label); 
     } 
    }); 
}); 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css" /> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>

과일 여기

유형 :

출처

2016-07-11 10:37:05 shif

없이 – RamChithra

$(document).ready(function() { 
    $('#tags').on('change', function() { 
     $('#tagsname').html('You selected: ' + this.value); 
    }).change(); 
    $('#tags').on('blur', function (e, ui) { 
     $('#tagsname').html('You selected: ' + ui.item.value); 
    }); 
});

<input type="text" id="test" />이 하나를 시도해보십시오.

출처

2016-07-11 10:38:44

JQuery와이 문제를 해결하는 방법 중 하나 도움에 대한

<script> 
      $(function() { 
       $("#data").autocomplete({ 
       select: function (event, ui) { 
       $('#d').html('You selected: ' + ui.value);      
       return false; 
      } 

       }) 

      }); 
     </script>

출처

2016-07-11 10:42:07

<스크립트 SRC = "JS/jquery.autocomplete.js"> < "텍스트/자바 스크립트"SRC = "JS/jquery.min.js을"= 스크립트 유형>이 사용하고 , 이건 작동하지 않습니다 .. – RamChithra

@RamChithra 지금 확인해보세요. –

jquery에서 선택한 자동 완성 텍스트 상자 값을 얻는 방법

답변

관련 문제