Can'；t使用codeceptjs和javascript，在带有动态值的下拉列表中选择一个选项

这是我的第一个问题，我英语说得不好，但希望能解释我的问题。 我花了几天时间在一个类似的问题上寻找答案，但我没有找到

我正在用javascript自动化测试。我使用codeceptjs

我得用一个精选的做一个测试。这个选择有ID，没有问题，但是选项有值，它是动态生成的。我想选择第二个选项，但无法按文本、值或类似项进行选择

我需要测试的代码如下：

<select id="time_slots_list" name="selectedTimeSlot" class="form-control">
       <option value="" selected>Choose delivery</option>
       <option value="1601967600000" >Tuesday 06 - Betwwen 09 and 12h</option>
       <option value="1601967600000" >Tuesday 06 - Betwwen 12 and 14h</option>
       <option value="1601967600000" >Tuesday 06 - Betwwen 14 and 16h</option>
       <option value="1601967600000" >Tuesday 06 - Betwwen 16 and 18h</option>
       <option value="1601967600000" >Tuesday 06 - Betwwen 18 and 21h</option>
</select>

我尝试了几种变体，但都没能实现

谢谢

我修好了

我不能使用selectOption。我需要写：

    I.click('#time_slots_list');
    let delivery = locate ('//select[@id="time_slots_list"]/option').at(2);
    I.click (delivery);

---

希望可以帮助别人。

根据CSS或XPath找到的文档。是否

select[@id=“time\u slots\u list”]/选项：第n个子项（2）

XPath？因为这不是CSS。试试

#时间段列表>：第n个孩子（2）

谢谢，但它不起作用。有人告诉我，我想可能代码是用angular或类似的东西编写的，因为结果是“这个元素不可交互”。但我可以在网页代码中看到它。

    I.click('#time_slots_list');
    let delivery = locate ('//select[@id="time_slots_list"]/option').at(2);
    I.click (delivery);