2012-10-27 15 views
5


पर आधारित चयन सूची मैं कोड लिखने की कोशिश कर रहा हूं जो टेक्स्टबॉक्स के इनपुट मान के आधार पर एक चयन सूची को पॉप्युलेट करने की अनुमति देता है।

उदाहरण के लिए:
यदि उपयोगकर्ता टेक्स्टबॉक्स में दूध इनपुट करता है, तो चयन सूची में "full fat", "Skimmed", "1% Milk"

मैं ऑनलाइन रहा हूं और यह कैसे करना है इस बारे में कोई जानकारी नहीं मिल सकती है। मैंने jquery का उपयोग कर पिछले एक से चयन के आधार पर एक चयन सूची को स्वतः स्थानांतरित करने में कामयाब रहा है। हालांकि, मुझे टेक्स्टबॉक्स का उपयोग करते समय समाधान नहीं मिल रहा है।
मेरे प्रश्न की जांच के लिए धन्यवाद!jQuery पॉप्युलेट टेक्स्ट इनपुट के मूल्य

selectOptions = { 
    milk: ["full fat", "Skimmed", "1% Milk"] 
} 

इस के आधार पर, आप <select> करने के लिए <option> टैग जोड़ सकते हैं जब <textarea> आग की onchange घटना:

उत्तर

6

एक वस्तु विकल्पों में से सरणियों युक्त बनाने

$('textarea').change(function() { 
    if(selectOptions[$(this).val()]) { // does the selectOptions object have an entry for the value of the textarea? 
     $.each(selectOptions[$(this).val()], function() { // for each array item do 
      $('select').append('<option>' + this + '</option>'); // append an option tag for the array item 
     }); 
    } 
}); 
+0

मदद के लिए धन्यवाद। मैंने कोशिश की है, लेकिन यह काम नहीं लग रहा है। सोचो कि मैं कहीं गलत हो रहा हूँ। यदि मैंने टेक्स्ट बॉक्स में दूध दर्ज किया है तो क्या चयन सूची "पूर्ण वसा", "स्किम्ड", "1% दूध" के साथ आबादी होगी? – user1779796

+0

यदि आप टेक्स्टबॉक्स को अचयनित करते हैं तो अपरिवर्तनीय ईवेंट आग लगती है .. आप ऑनकीप का भी उपयोग कर सकते हैं, जो प्रत्येक कीप्रेस पर आग लगती है। –

+0

क्षमा करें .. मैंने लिखा कोड का परीक्षण नहीं किया था;) मैंने इसे अपडेट किया और यह अब काम करता है .. टेस्टकेस के लिए यहां देखें: http://jsfiddle.net/xeVBm/4/ –

संबंधित मुद्दे