Событие изменения триггера <select> с помощью jquery

есть ли в любом случае я мог бы вызвать событие изменения в поле выбора при загрузке страницы и выбрать конкретный вариант.

Также функция выполняется путем добавления триггера после привязки функции к событию.

Я пытался вывести что-то вроде этого

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

Используйте val()для изменения значения (не текста) и trigger()для ручного запуска события.

Обработчик события изменения должен быть объявлен перед триггером.

Вот образец

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

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

Чтобы выбрать опцию, используйте .val('value-of-the-option')элемент select. Чтобы активировать элемент изменения, используйте .change()или .trigger('change').

Проблемы в вашем коде - это запятая, а не точка внутри, $('.check'),trigger('change');и тот факт, что вы вызываете ее перед привязкой обработчика событий.

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

Это изменит выпадающий элемент select html tag с помощью id="edit_user_details".

Другое рабочее решение для тех, кто был заблокирован с помощью обработчика триггера jQuery, которое запускает огонь на нативных событиях, будет как ниже (100% работает):

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

Дайте ссылки в значении тега option

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

Если вы хотите сделать некоторые проверки, используйте этот способ

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

Основываясь на ответе Мохамеда 23харби:

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");
}

В моем случае, когда элементы были созданы vue, это единственный способ, который работает.

Вы можете попробовать код ниже, чтобы решить вашу проблему:

По умолчанию выбирается первая опция: jQuery ('. Select'). Find ('option') [0] .selected = true;

Спасибо, Кетан Т