ट्रिगर परिवर्तन घटना <select> jquery

Question

का उपयोग कर वैसे भी मैं पृष्ठ लोड पर चयन बॉक्स पर एक परिवर्तन ईवेंट ट्रिगर कर सकता हूं और एक विशेष विकल्प का चयन कर सकता हूं।

इसके अलावा फ़ंक्शन को ईवेंट को बाध्य करने के बाद ट्रिगर जोड़कर निष्पादित किया गया फ़ंक्शन।

मैं की तरह this

<select class="check"> 
<option value="one">one</option> 
<option value="two">two</option> 
</select> 

$(function(){ 
    $('.check').trigger('change'); //This event will fire the change event. 
    $('.check').change(function(){ 
     var data= $(this).val(); 
     alert(data);    
    }); 
}); 

http://jsfiddle.net/v7QWd/1/

Answer 1

उपयोग val()मूल्य (नहीं पाठ) और trigger() को बदलने के लिए मैन्युअल रूप से ईवेंट को सक्रिय करने के लिए।

परिवर्तन ईवेंट हैंडलर ट्रिगर से पहले घोषित किया जाना चाहिए।

Here's a sample

$('.check').change(function(){ 
    var data= $(this).val(); 
    alert(data);    
}); 

$('.check') 
    .val('two') 
    .trigger('change'); 

Answer 2

उत्पादन कुछ करने के लिए कोशिश कर रहा था एक विकल्प का चयन करने के लिए, चयन तत्व पर .val('value-of-the-option') का उपयोग करें। परिवर्तन तत्व को ट्रिगर करने के लिए, .change() या .trigger('change') का उपयोग करें।

$('.check'),trigger('change'); में डॉट के बजाय आपके कोड की समस्याएं कॉमा हैं और तथ्य यह है कि आप ईवेंट हैंडलर को बाध्य करने से पहले इसे कॉल करते हैं।

Answer 3

$('#edit_user_details').find('select').trigger('change'); 

यह id="edit_user_details" साथ चयन HTML टैग ड्रॉप-डाउन आइटम बदल जाएगा।

Answer 4

विकल्प टैग

<select size="1" name="links" onchange="window.location.href=this.value;"> 
    <option value="http://www.google.com">Google</option> 
    <option value="http://www.yahoo.com">Yahoo</option> 
</select> 

Answer 5

आप तो इस तरह से

<select size="1" name="links" onchange="functionToTriggerClick(this.value)"> 
    <option value="">Select a Search Engine</option>   
    <option value="http://www.google.com">Google</option> 
    <option value="http://www.yahoo.com">Yahoo</option> 
</select> 

<script> 

    function functionToTriggerClick(link) { 

    if(link != ''){ 
     window.location.href=link; 
     } 
    } 

</script>