मैं $ (दस्तावेज़) में ड्रॉपडाउन के परिवर्तन की घटना को ट्रिगर करना चाहता हूं। पहले से ही jquery का उपयोग कर रहा हूं।
मेरे पास उपयोगकर्ता विवरण पृष्ठ में देश और राज्य के लिए एक कैस्केडिंग ड्रॉपडाउन है। मैं MVC में C # के साथ देश और राज्य के लिए मान (जो DB से यूजर आईडी के आधार पर लिया गया है) कैसे सेट कर सकता हूं।
जवाबों:
मुझे नहीं पता कि इतना JQuery लेकिन मैंने सुना है कि यह इस सिंटैक्स के साथ देशी घटनाओं को आग लगाने की अनुमति देता है।
$(document).ready(function(){
$('#countrylist').change(function(e){
// Your event handler
});
// And now fire change event when the DOM is ready
$('#countrylist').trigger('change');
});
ट्रिगर () या परिवर्तन () को कॉल करने से पहले आपको परिवर्तन ईवेंट हैंडलर घोषित करना होगा अन्यथा इसे निकाल नहीं दिया जाएगा। इस @LenielMacaferi उल्लेख के लिए धन्यवाद।
अधिक जानकारी यहाँ ।
trigger()या यहां तक change()कि इस उत्तर में सही तरीके से दिखाया गया है, यानी यदि ईवेंट हैंडलर कोड कॉल के लिए बोल्ड दिखाई देता है, तो कुछ भी नहीं होता है! :)
इसे इस्तेमाल करे:
$(document).ready(function(event) {
$('#countrylist').change(function(e){
// put code here
}).change();
});
परिवर्तन घटना को परिभाषित करें, और इसे तुरंत ट्रिगर करें। यह सुनिश्चित करता है कि इवेंट हैंडलर को कॉल करने से पहले परिभाषित किया जाए।
मूल पोस्टर का उत्तर देने में देर हो सकती है, लेकिन शॉर्टहैंड नोटेशन से किसी और को लाभ हो सकता है, और यह jQuery के चेनिंग, आदि का अनुसरण करता है।
यदि आप लिंक किए गए ड्रॉप डाउन की कोशिश कर रहे हैं, तो ऐसा करने का सबसे अच्छा तरीका एक स्क्रिप्ट है जो प्रीबिल्ट सेलेक्ट बॉक्स और एक AJAX कॉल देता है जो इसे अनुरोध करता है।
यहां आपको आवश्यकता पड़ने पर jQuery के अजाक्स विधि के लिए प्रलेखन है।
$(document).ready(function(){
$('#countrylist').change(function(e){
$this = $(e.target);
$.ajax({
type: "POST",
url: "scriptname.asp", // Don't know asp/asp.net at all so you will have to do this bit
data: { country: $this.val() },
success:function(data){
$('#stateBoxHook').html(data);
}
});
});
});
फिर "StateBoxHook" की आईडी के साथ अपने राज्य चयन बॉक्स के चारों ओर एक स्पैन रखें
वैकल्पिक रूप से आप स्वयं ड्रॉपडाउन सूची में ऑन्चेंज विशेषता डाल सकते हैं, ऑन्चेंज इस तरह से कुछ jquery फ़ंक्शन को कॉल करेगा।
<input type="dropdownlist" onchange="jqueryFunc()">
<script type="text/javascript">
$(function(){
jqueryFunc(){
//something goes here
}
});
</script>
उम्मीद है कि यह आपकी मदद करता है, और कृपया ध्यान दें कि यह कोड केवल एक मोटा मसौदा है, किसी भी विचारधारा पर परीक्षण नहीं किया गया है। धन्यवाद
किसी कारण से, अन्य jQueryयहाँ प्रदान समाधान काम किया जब कंसोल से स्क्रिप्ट चलाने, तथापि, यह काम नहीं किया था मेरे लिए जब क्रोम से शुरू हो रहा बुकमार्कलेट ।
सौभाग्य से, इस वेनिला जेएस समाधान ( triggerChangeEventफ़ंक्शन) ने काम किया:
/**
* Trigger a `change` event on given drop down option element.
* WARNING: only works if not already selected.
* @see /programming/902212/trigger-change-event-of-dropdown/58579258#58579258
*/
function triggerChangeEvent(option) {
// set selected property
option.selected = true;
// raise event on parent <select> element
if ("createEvent" in document) {
var evt = document.createEvent("HTMLEvents");
evt.initEvent("change", false, true);
option.parentNode.dispatchEvent(evt);
}
else {
option.parentNode.fireEvent("onchange");
}
}
// ################################################
// Setup our test case
// ################################################
(function setup() {
const sel = document.querySelector('#fruit');
sel.onchange = () => {
document.querySelector('#result').textContent = sel.value;
};
})();
function runTest() {
const sel = document.querySelector('#selector').value;
const optionEl = document.querySelector(sel);
triggerChangeEvent(optionEl);
}<select id="fruit">
<option value="">(select a fruit)</option>
<option value="apple">Apple</option>
<option value="banana">Banana</option>
<option value="pineapple">Pineapple</option>
</select>
<p>
You have selected: <b id="result"></b>
</p>
<p>
<input id="selector" placeholder="selector" value="option[value='banana']">
<button onclick="runTest()">Trigger select!</button>
</p>