स्वत: पूर्ण (jQuery UI)

Question

के साथ चुनिंदा ईवेंट पर टेक्स्टबॉक्स मान को कैसे बदलें, जब कोई आइटम चुनते हैं तो #input-myBox स्पष्ट नहीं होगा? ऐसा लगता है कि स्वत: पूर्ण काम करने के लिए मेरे .val('') को रोक रहा है, तो मैं इसे कैसे काम कर सकता हूं?

$("#input-myBox").autocomplete({ 
    source: response, 
    minLength: 1, 
    select: function(event, ui) { 
       var selectedObj = ui.item; 
       $("#input-myBox").appendTo(".foo"); 
       $("#input-myBox").val(''); 
    } 
}); 

Answer 1

event.preventDefault() फ़ील्ड को स्वतः पूर्ण करने से रोकता है।

select: function (event, ui) { 
    event.preventDefault(); 
    var selectedObj = ui.item; 
    $("#input-myBox").appendTo(".foo"); 
    $("#input-myBox").val(''); 
} 

Answer 2

यह #input-mybox (लोअरकेस ख) या #input-myBox (अपरकेस ख) है?

यह आपकी समस्या :)

संपादित हो सकता है: लूटने मुझे यह करने के लिए हरा

Answer 3

आपके कोड के साथ असंगत है:

$("#input-mybox").appendTo(".foo"); 
$("#input-myBox").val(''); 

"# इनपुट-myBox" || "# इनपुट-मायबॉक्स" ???

Answer 4

इसके अलावा, आप 'वापसी झूठ' का उपयोग कर सकते हैं; क्षेत्र को स्वतः पूर्ण करने से रोकने के लिए।

select: function (event, ui) { 
    var selectedObj = ui.item;   
    $("#input-myBox").appendTo(".foo"); 
    $("#input-myBox").val(''); 
    return false; 
} 

Answer 5

तुम सिर्फ कुछ के लिए चयनित मान स्थानापन्न करना चाहते हैं:

select: function(event, ui) { 
    ui.item.value = substituteWord(ui.item.value); 
}