javascript - jQuery Autocomplete with getJSON search on multiple input -


मेरे पास तीन इनपुट बॉक्स हैं

HTML:

  नाम & lt; इनपुट प्रकार = "टेक्स्ट" वर्ग = "ग्राहक_नाम" नाम = "आदेश [संपर्क] [प्रथम_नाव]" /> gt; & lt; br / & gt; ईमेल & lt; इनपुट प्रकार = "टेक्स्ट" वर्ग = "ग्राहक_ईमेल" नाम = "आदेश [संपर्क] [ईमेल]" /> gt; & lt; br / & gt; फोन & lt; इनपुट प्रकार = "टेक्स्ट" वर्ग = "ग्राहक_फोन" नाम = "आदेश [संपर्क] [फोन]" / & gt;  

मुझे तीन एजेक्स लिंक

  http: // localhost: 8000 / api / users? Name_fulltext = user http: // localhost के साथ खोज करने की आवश्यकता है: 8000 / एपीआई / उपयोगकर्ता? Email_like = 1234 http: // स्थानीयहोस्ट: 8000 / एपीआई / यूज़र्स? Phone_like = खरीदार  

JSON:

  [{" आईडी ":" - 1 "," नाम ":" परीक्षण उपयोगकर्ता "," फ़ोन ":" 1234567 "," ईमेल ":" buyer@web.com "}]  

मुख्य बिंदु मैं जानना चाहता हूँ कि जब मैं ईमेल या फ़ोन या नाम पर क्लिक करता हूं, तो जेसन नाम के लिए पथ को कैसे परिवर्तित किया जाए

jQuery:

  $ ('। Customer_name, .customer_email, .customer_phone ')। Autocomplete ({source: function (अनुरोध, प्रतिक्रिया) {$ .getJSON ("/ api / users?" + "Name_fulltext =" + request.term, फ़ंक्शन (डेटा) {प्रतिक्रिया ($। नक्शा (डेटा , फ़ंक्शन (ऑप्ट) {रिटर्न {लेबल: opt.name, value: opt.name,}}))}}}, मिनलैम्बन: 3, का चयन करें: फ़ंक्शन (इवेंट, यूआई) {$ ('। ग्राहक_नाम')। (Ui.item.value); $ ('। ग्राहक_नाव')। Val (ui.item.label); $ ('। ग्राहक_मेल' ) .data (ui.item.email_value); $ ( '। CUSTOMER_EMAIL') वैल (ui.item.email_label)। $ ( '। Customer_phone') को डेटा (ui.item.phone_value)। $ ( '। Customer_phone') वैल (ui.item.phone_label)। Name_length = $ ('.ui-autocomplete & gt; li') लंबाई; event.preventDefault (); }});  

आप यह कोशिश कर सकते हैं:

  var inputClicked ; $ ('। Customer_name, .customer_email, .customer_phone')। पर ('क्लिक', फ़ंक्शन () {inputClicked = $ (this) .attr ('class');}); $ ('। ग्राहक_नाव, .customer_email, .customer_phone')। स्वत: पूर्ण ({स्रोत: फ़ंक्शन (अनुरोध, प्रतिक्रिया) {var myUrl = "/ api / users?"; अगर (inputClicked == "customer_name") {myUrl = myUrl + "Name_fulltext =" + request.term;} और यदि (inputClicked == "customer_email") {myUrl = myUrl + "email_like =" + request.term;} और {myUrl = myUrl + "phone_like =" + request.term ;} $ .getJSON (myUrl, फ़ंक्शन (डेटा) {प्रतिक्रिया ($। नक्शा (डेटा, फ़ंक्शन (ऑप्ट) {रिटर्न {लेबल: opt.name, value: opt.name,}}))}}}, मिनलैम्बन: 3, चयन करें: फ़ंक्शन (इवेंट, यूआई) {$ ('। ग्राहक_नाव')। डेटा (ui.item.value); $ ('। ग्राहक_नाव')। Val (ui.item.label); $ ('। ग्राहक_मेल ') .डेटा (ui.item.email_value); $ ('। ग्राहक_मेल ')। Val (ui.item.email_label); $ ('। Cus tomer_phone ') को डेटा (ui.item.phone_value)। $ ( '। Customer_phone') वैल (ui.item.phone_label)। Name_length = $ ('.ui-autocomplete & gt; li') लंबाई; event.preventDefault (); }});  

Comments

Popular posts from this blog

Member with no value in F# -

java - Joda Time Interval Not returning what I expect -

c# - Showing a SelectedItem's Property -