IDなしのドロップダウンからのヘッドレスクロム人形の選択肢

Question

私はnodejs puppeteerライブラリを持つヘッドレスクロムを主に使用しています。ドロップダウンでオプションを選択またはクリックする際に問題が発生しています。問題は、すべてのIDが動的で、クリックごとに変更されることです。私はHTMLを掻き集めて、現在のIDを検索しようとしましたが、無駄です。

オプションを選択する別の方法はありますか？ id以外の別のセレクタを使用することは可能ですか？

画像のためのノート：それはhomeState-ARIA-ID-7 'と言う数7を動的に

Answer 1

を生成している私は、私は完全に動的を持っている理由を、次の午前わからないんだけどIDを作成すると問題が発生します。ここでは、問題をどのように解決し、上のコードでセレクタを使用するかの例を示します。

page.evaluate(optionSelector => { 
    return document.querySelector(optionSelector).setAttribute('selected, 'true'); 
}, 'select[name="homeState"] > option[value="AL"]');