문제

Jquery ui auto-complete is not working properly in IE8.I'm getting the value when start typing but after select the value,its not closing drop-down in IE8.But its working good in Firefox and IE9. Could please help me what is the issue here.

$("#ordernumber").autocomplete({       
    source: function(request, response) {
    $.ajax({
    url: "searchOrder.jsp",
    type: "POST",
    dataType: "json",    
    data: { part: request.term,},           
    success: function (data) {
             response($.map(data, function (value, key) {
             return {
                    label: key+","+value,
                    value: key,
                    desc : value  
                };
            }));
            }
          });
    },
    minLength: 3,
    select: function (event, ui) {
    $('#ordername').val(ui.item.desc);
    $('#ordername').text(ui.item.desc);
    }  
    });  

I'm selecting the order number and ordername is going populate automatically in another text box.Its working good in firefox and IE9.

Please see the below code in where getting error in jquery.

jquery.min.js

jQuery\d+="(?:null|\d+)"/g,mt=RegExp("<(?:"+ht+")[\\s/>]","i"),yt=/^\s+/,vt=/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,bt=/<([\w:]+)/,xt=/<tbody/i,wt=/<|&#?\w+;/,Tt=/<(?:script|style|link)/i,Ct=/^(?:checkbox|radio)$/i,Nt=/checked\s*(?:[^=]|=\s*.checked.)/i,kt=/^$|\/(?:java|ecma)script/i,Et=/^true\/(.*)/,St=/^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,At={option:[1,"<select multiple='multiple'>","</select>"],legend:[1,"<fieldset>","</fieldset>"],area:[1,"<map>","</map>"],param:[1,"<object>","</object>"],thead:[1,"<table>","</table>"],tr:[2,"<table><tbody>","</tbody></table>"],col:[2,"<table><tbody></tbody><colgroup>","</colgroup></table>"],td:[3,"<table><tbody><tr>","</tr></tbody></table>"],_default:x.support.htmlSerialize?[0,"",""]:[1,"X<div>","</div>"]},jt=dt(a),Dt=jt.appendChild(a.createElement("div"));At.optgroup=At.option,At.tbody=At.tfoot=At.colgroup=At.caption=At.thead,At.th=At.td,x.fn.extend({text:function(e){return x.access(this,function(e){return e===t?x.text(this):this.empty().append((this[0]&&this[0].ownerDocument||a).createTextNode(e))},null,e,arguments.length)},append:function(){return this.domManip(arguments,function(e){if(1===this.nodeType||11===this.nodeType||9===this.nodeType){var t=Lt(this,e);t.appendChild(e)}})},

var t=Lt(this,e);t.appendChild(e)

Its stop the process in t.appendChildmethod. Please advise what is the problem here.

jquery version :

도움이 되었습니까?

해결책

I suppose to use .val , but i have using both .val & .text.This cause the IE error.

select: function (event, ui) {
    $('#ordername').val(ui.item.desc);
   // $('#ordername').text(ui.item.desc);
    } 
라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top