Änderungsereignis <Auswahl> mit jquery auslösen

Gibt es sowieso ich könnte ein Änderungsereignis auf Auswahlfeld beim Laden der Seite auslösen und eine bestimmte Option auswählen.

Auch die Funktion, die durch Hinzufügen des Triggers ausgeführt wird, nachdem die Funktion an das Ereignis gebunden wurde.

Ich habe versucht , die Ausgabe so etwas wie diese

<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/

Verwenden Sie val()diese Option , um zum Wert (nicht zum Text) zu wechseln und trigger()das Ereignis manuell auszulösen.

Der Change Event Handler muss vor dem Trigger deklariert werden.

Hier ist ein Beispiel

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

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

Verwenden Sie zum Auswählen einer Option .val('value-of-the-option')das Auswahlelement. Verwenden Sie .change()oder, um das Änderungselement auszulösen .trigger('change').

Die Probleme in Ihrem Code sind das Komma anstelle des Punktes $('.check'),trigger('change');und die Tatsache, dass Sie es aufrufen, bevor Sie den Ereignishandler binden.

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

Es würde das Dropdown-Element select html tag tag with ändern id="edit_user_details".

Eine weitere funktionierende Lösung für diejenigen, die mit dem jQuery-Trigger-Handler blockiert wurden, besteht darin, dass bei nativen Ereignissen ein Brand ausgelöst wird (100% funktionsfähig):

var sortBySelect = document.querySelector("select.your-class"); 
sortBySelect.value = "new value"; 
sortBySelect.dispatchEvent(new Event("change"));

Geben Sie Links im Wert des Options-Tags an

<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>

Wenn Sie einige Überprüfungen durchführen möchten, verwenden Sie diese Methode

 <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>

Basierend auf der Antwort von Mohamed23gharbi:

function change(selector, value) {
    var sortBySelect = document.querySelector(selector);
    sortBySelect.value = value;
    sortBySelect.dispatchEvent(new Event("change"));
}

function click(selector) {
    var sortBySelect = document.querySelector(selector);
    sortBySelect.dispatchEvent(new Event("click"));
}

function test() {
    change("select#MySelect", 19);
    click("button#MyButton");
    click("a#MyLink");
}

In meinem Fall, in dem die Elemente von vue erstellt wurden, funktioniert dies nur.

Sie können den folgenden Code versuchen, um Ihr Problem zu lösen:

Standardmäßig wählt die erste Option: jQuery ('. Select'). Find ('option') [0] .selected = true;

Danke, Ketan T.