不使用jQuery以编程方式控制Select2

Posted 2021-04-30

如何在没有jQuery的情况下以编程方式控制select2组件？代码将使用Selenium执行，因为我无法访问jQuery对象（它与Webpack捆绑在一起），所以必须使用纯JS进行控制。

我尝试模拟用户点击，如：

document.getElementById('select2').click()

但它无法打开。我想要实现的是：

1. 打开Select2
2. 在里面键入内容以触发Ajax调用，因此它列出了可能的选项
3. 按文本选择选项

答案

您可以尝试此解决方法：document.querySelector("#example + span > .selection > span")然后触发单击。小提琴检查：https://jsfiddle.net/zeLbk6s3/2/

你必须在适当的元素上触发“点击”。