使用Selenium和VBA处理动态ID自动完成列表及多输入框问题

问题核心：你之前用的全局选择器[id^="ui-id-"]会匹配页面上所有符合前缀的自动完成列表，操作后续输入框时，新生成的列表可能不是第一个匹配项，导致点击无效。正确思路是通过当前输入框关联对应的菜单元素，而非全局查找。

方法一：利用jQuery UI Autocomplete内置API #

直接通过目标输入框获取绑定的autocomplete菜单，完全避开动态ID：

// 定位第21个（索引20）自动完成输入框
var $targetInput = $('.ui-autocomplete-input').eq(20);
// 输入值并触发自动搜索
$targetInput.val("121312").autocomplete('search');
// 获取该输入框对应的自动完成菜单
var $autoMenu = $targetInput.autocomplete("widget");
// 点击菜单第一个选项
$autoMenu.children().first().click();

• 原理：jQuery UI的autocomplete("widget")方法直接返回当前输入框绑定的下拉菜单DOM元素，每个输入框对应专属菜单，不会和其他输入框的列表冲突。

方法二：通过输入框ARIA属性关联菜单 #

若不想依赖jQuery API，可利用输入框默认带的aria-controls属性（该属性存储对应菜单的ID）：

// 定位目标输入框（索引20）
var targetInput = document.querySelectorAll('.ui-autocomplete-input')[20];
// 输入值并触发搜索
targetInput.value = "121312";
$(targetInput).autocomplete('search');
// 获取对应菜单的ID
var menuId = targetInput.getAttribute('aria-controls');
// 找到菜单并点击第一项
document.getElementById(menuId).firstElementChild.click();

• 原理：每个自动完成输入框生成的菜单ID，会被记录在输入框的aria-controls属性中，通过该属性可精准定位当前输入框对应的菜单。

注意事项 #

• 执行点击前需确保自动完成菜单已加载完成，可添加短暂延迟，或用Selenium的显式等待，等待菜单元素可见后再操作。
• 必须和当前操作的输入框绑定关联，避免使用全局选择器匹配多个菜单，才能保证后续输入框操作有效。

内容的提问来源于stack exchange，提问作者Nick Miller