मेरे पास एक अलग स्थिति है, जहां ड्रॉप डाउन सूची मान पहले से ही कठिन कोडित हैं। केवल 12 जिले हैं, इसलिए jQuery के स्वतः पूर्ण UI नियंत्रण को कोड द्वारा पॉपुलेट नहीं किया गया है।
समाधान बहुत आसान है। क्योंकि मुझे अन्य पदों के माध्यम से उतारा जाना था, जहां यह माना गया था कि नियंत्रण गतिशील रूप से भरा जा रहा था, मुझे जो चाहिए था वह नहीं मिल रहा था और फिर अंत में इसका पता लगा लिया।
तो जहां आपके पास HTML नीचे है, चयनित इंडेक्स सेट करना इस तरह सेट किया गया है, -input भाग पर ध्यान दें, जो ड्रॉप आईडी के अतिरिक्त है:
$('#project-locationSearch-dist-input').val('1');
<label id="lblDistDDL" for="project-locationSearch-input-dist" title="Select a district to populate SPNs and PIDs or enter a known SPN or PID." class="control-label">District</label>
<select id="project-locationSearch-dist" data-tabindex="1">
<option id="optDistrictOne" value="01">1</option>
<option id="optDistrictTwo" value="02">2</option>
<option id="optDistrictThree" value="03">3</option>
<option id="optDistrictFour" value="04">4</option>
<option id="optDistrictFive" value="05">5</option>
<option id="optDistrictSix" value="06">6</option>
<option id="optDistrictSeven" value="07">7</option>
<option id="optDistrictEight" value="08">8</option>
<option id="optDistrictNine" value="09">9</option>
<option id="optDistrictTen" value="10">10</option>
<option id="optDistrictEleven" value="11">11</option>
<option id="optDistrictTwelve" value="12">12</option>
</select>
स्वत: पूर्ण नियंत्रण के बारे में कुछ और पता चला है कि इसे कैसे ठीक से अक्षम / खाली करना है। हमारे पास एक साथ काम करने के 3 नियंत्रण हैं, जिनमें से 2 परस्पर अनन्य हैं:
spnDDL.combobox({
select: function (event, ui) {
var spnVal = spnDDL.val();
$('#project-locationSearch-pid-input').val('');
$('#project-locationSearch-pid-input').prop('disabled', true);
pidDDL.empty();
}
});
spnDDL.siblings('label').tooltip();
pidDDL.combobox({
select: function (event, ui) {
var pidVal = pidDDL.val();
$('#project-locationSearch-spn-input').val('');
$('#project-locationSearch-spn-input').prop('disabled', true);
spnDDL.empty();
}
});
इसमें से कुछ पोस्ट के दायरे से परे है और मुझे नहीं पता कि इसे कहाँ रखा जाए। चूंकि यह बहुत उपयोगी है और यह पता लगाने में कुछ समय लगा, इसलिए इसे साझा किया जा रहा है।
इसके अलावा ... इस तरह के एक नियंत्रण को सक्षम करने के लिए, यह (अक्षम, गलत) और नहीं (सक्षम, सत्य) - यह पता लगाने में थोड़ा समय लगा। :)
नोट करने के लिए केवल दूसरी चीज, पोस्ट के अलावा बहुत कुछ है:
$('#project-locationSearch-dist').combobox({
select: function (event, ui) {
$('#project-locationSearch-pid-input').prop('disabled', false);
$('#project-locationSearch-spn-input').prop('disabled', false);
pidDDL.empty();
spnDDL.empty();
GetSPNsByDistrict(districtDDL.val());
GetPIDsByDistrict(districtDDL.val());
}
});
सभी ने साझा किया क्योंकि मक्खी पर इन चीजों को सीखने में बहुत लंबा समय लगा। आशा है कि यह उपयोगी है।