मैं Jquery Autocomplete फ़ील्ड में अतिरिक्त पैरामीटर कैसे पास करूं?

Question

मैं अपने रूपों में से एक में JQuery Autocomplete का उपयोग कर रहा हूं।

मूल रूप से मेरे डेटाबेस से उत्पादों का चयन करता है। यह बहुत अच्छा काम करता है, लेकिन मैं आगे विकसित करना चाहता हूं ताकि केवल एक निश्चित ज़िपकोड से भेजे गए उत्पादों को वापस कर दिया जाए। मुझे बैकएंड स्क्रिप्ट मिल गई है। मुझे बस इस स्क्रिप्ट में ज़िपकोड पास करने का सबसे अच्छा तरीका काम करने की ज़रूरत है।

इस प्रकार मेरा फॉर्म दिखता है।

$("#product").autocomplete 
({ 
    source:"product_auto_complete.php?postcode=" + $('#zipcode').val() +"&", 
    minLength: 2, 
    select: function(event, ui){ 

          //action 

           } 
}); 

इस कोड को एक हद तक काम करता है:

<form> 

<select id="zipcode"> 

<option value="2000">2000</option> 
<option value="3000">3000</option> 
<option value="4000">4000</option> 

</select> 

<input type="text" id="product"/> 

<input type="submit"/> 

</form> 

और यहाँ JQuery कोड है। लेकिन केवल पहले zipcode मान देता है भले ही कौन सा मान वास्तव में चुना गया हो। मुझे लगता है कि क्या हो रहा है कि चुनिंदा मेनू बदलते समय स्रोत यूआरएल पेज लोड पर आधारित है। क्या इसके चारों ओर एक रास्ता है? या परिणाम के बाद मैं एक बेहतर तरीका है जिसके बाद मैं हूं?

Answer 1

आप इस तरह, source कॉल के लिए एक अलग दृष्टिकोण का उपयोग करने की जरूरत है:

$("#product").autocomplete({ 
    source: function(request, response) { 
    $.getJSON("product_auto_complete.php", { postcode: $('#zipcode').val() }, 
       response); 
    }, 
    minLength: 2, 
    select: function(event, ui){ 
    //action 
    } 
}); 

इस प्रारूप आप पारित जो कुछ भी मूल्य है जब यह चलाए जाने के दौरान, के रूप में करने का विरोध किया, जब यह बाध्य है की सुविधा देता है।

Answer 2

मेरा मानना ​​है कि आप $("#product").autocomplete पर अपने कॉल को सोचने में सही हैं पृष्ठ लोड पर गोलीबारी कर रहे हैं। शायद आप चयन मेनू के लिए एक onchange() हैंडलर असाइन कर सकते हैं:

$("#zipcode").change(resetAutocomplete); 

और यह #product स्वत: पूर्ण() कॉल को अमान्य और एक नया बना है। कुछ सर्वर कॉल को बचाने के लिए -

function resetAutocomplete() { 
    $("#product").autocomplete("destroy"); 
    $("#product").autocomplete({ 
     source:"product_auto_complete.php?postcode=" + $('#zipcode').val(), 
     minLength: 2, 
     select: function(event, ui){... } 
    }); 
} 

आप अपने resetAutocomplete चाहते हो सकता है() एक छोटे से होशियार होने के लिए कहते हैं - जाँच की तरह अगर जिप कोड वास्तव में अंतिम मान से अलग है।

Answer 3

यह मेरे लिए यह काम है।

jQuery('#Distribuidor_provincia_nombre').autocomplete({ 
    'minLength':0, 
    'search':function(event,ui){ 
     var newUrl="/conf/general/provincias?pais="+$("#Distribuidor_pais_id").val(); 
     $(this).autocomplete("option","source",newUrl) 
    }, 
    'source':[] 
}); 

Answer 4

jQuery("#whatJob").autocomplete(ajaxURL,{ 
    width: 260, 
    matchContains: true, 
    selectFirst: false, 
    minChars: 2, 
    extraParams: { //to pass extra parameter in ajax file. 
     "auto_dealer": "yes", 
    }, 
}); 

Answer 5

यह जटिल पुरुषों के लिए नहीं है: घटना search ओवरराइड

$(document).ready(function() { 
src = 'http://domain.com/index.php'; 

// Load the cities straight from the server, passing the country as an extra param 
$("#city_id").autocomplete({ 
    source: function(request, response) { 
     $.ajax({ 
      url: src, 
      dataType: "json", 
      data: { 
       term : request.term, 
       country_id : $("#country_id").val() 
      }, 
      success: function(data) { 
       response(data); 
      } 
     }); 
    }, 
    min_length: 3, 
    delay: 300 
}); 
}); 

Answer 6

$('#txtCropname').autocomplete('Handler/CropSearch.ashx', { 
    extraParams: { 
     test: 'new' 
    } 
}); 

Answer 7

$('#product').setOptions({ 
    extraParams: { 
     extra_parameter_name_to_send: function(){ 
      return $("#source_of_extra_parameter_name").val(); 
     } 
    } 
})