Триггер не работает

Question

Редактировать: Огромное спасибо за все усилия, получил весь мой код, работающий прямо сейчас!

Я хочу вызвать щелчок на https://shop.adidas.ae/en/stan-smith-shoes/S82255.html (чтобы сделать ботовую обувь). Почему этот код не работает, чтобы вызвать кнопку типа размера?

setTimeout(function() { 
    $('select.product-type.js-size-type').trigger('click'); 
}, 1000); 

Это кнопка выбора:

<select class="product-type js-size-type"> 

Это то, что говорит хром консоль

caught TypeError: Cannot read property 'click' of null 
    at <anonymous>:2:41 

Обновлено:

Мой манифест расширения хром:

{ 
    "name": "name", 
    "description": "test", 
    "version": "1.0", 
    "manifest_version": 2, 
    "permissions": ["*://*/*"], 
    "content_scripts": [ 
    { 
     "matches": ["*://*.adidas.ae/*"], 
     "js": ["jquery.js", "yeezyCopper.js"] 
    } 
    ], 
    "background": { 
    "scripts": ["background.js"], 
    "persistent": false 
    } 
} 

YeezyCopper.js:

setTimeout(function() { 
    $('select.product-type.js-size-type').trigger('click'); 
}, 1000); 

Заранее спасибо!

Answer 1

код работает правильно, но "щелчок" событие, инициированное программно не откроет список select варианта.

См Is it possible to use JS to open an HTML select to show its option list?

Вы можете проверить, что это работает, добавив свой собственный onclick событие для этого элемента, а затем вызвав click событие.

Answer 2

Update

setTimeout(function() { 
    $('select.product-type.js-size-type').trigger('click'); 
}, 1000); 

с

setTimeout(function() { 
    $('select .product-type.js-size-type').trigger('click'); 
}, 1000);