Sự kiện thay đổi kích hoạt <select> bằng cách sử dụng jquery

dù sao tôi cũng có thể kích hoạt một sự kiện thay đổi trên hộp chọn khi tải trang và chọn một tùy chọn cụ thể.

Ngoài ra chức năng được thực hiện bằng cách thêm kích hoạt sau khi ràng buộc chức năng với sự kiện.

Tôi đã cố gắng để sản xuất một cái gì đó như thế này

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

Sử dụng val()để thay đổi giá trị (không phải văn bản) và trigger()để kích hoạt sự kiện theo cách thủ công.

Trình xử lý sự kiện thay đổi phải được khai báo trước khi kích hoạt.

Đây là một mẫu

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

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

Để chọn một tùy chọn, sử dụng .val('value-of-the-option')trên phần tử chọn. Để kích hoạt phần tử thay đổi, sử dụng .change()hoặc .trigger('change').

Các vấn đề trong mã của bạn là dấu phẩy thay vì dấu chấm $('.check'),trigger('change');và thực tế là bạn gọi nó trước khi ràng buộc trình xử lý sự kiện.

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

Nó sẽ thay đổi mục thả xuống của thẻ html chọn với id="edit_user_details".

Một giải pháp làm việc khác cho những người bị chặn với trình xử lý kích hoạt jQuery, đó là sự cố cháy nổ vào các sự kiện gốc sẽ như dưới đây (hoạt động 100%):

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

Cung cấp liên kết về giá trị của thẻ tùy chọn

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

Nếu bạn muốn làm một số kiểm tra thì hãy sử dụng cách này

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

Dựa trên câu trả lời của 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");
}

Trong trường hợp của tôi, nơi các yếu tố được tạo bởi vue, đây là cách duy nhất hoạt động.

Bạn có thể thử mã dưới đây để giải quyết vấn đề của mình:

Theo mặc định, tùy chọn đầu tiên chọn: jQuery ('. Select'). Find ('tùy chọn') [0] .selected = true;

Cảm ơn, Ketan T