Selenium操作无option的arselmenu下拉框选中值提交不生效如何解决

1. Selenium自带的select_by_*系列方法仅支持原生<select>标签实现的下拉框，你遇到的是自定义组件，因此该方法完全不适用。
2. 直接通过JS修改input的value属性仅修改了DOM的表层属性，没有触发该自定义组件绑定的input、change等事件，组件内部缓存的状态还是原来的Pending，因此提交时会使用旧值。

方案1：模拟真实用户操作（优先推荐） #

完全模拟普通用户选择下拉值的操作流程，和真实使用场景一致，兼容性最好：

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# 等待下拉触发按钮可点击，点击展开选项列表
dropdown_trigger = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.CSS_SELECTOR, "div.selection a.selectionbtn"))
)
dropdown_trigger.click()

# 等待目标选项加载完成后点击选中，可根据实际渲染的选项结构调整定位器
target_option = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//*[text()='Resolved']"))
)
target_option.click()

如果点击展开后看不到选项的DOM结构，可以在F12元素面板右上角点击「暂停DOM更新」的按钮，展开下拉后触发暂停，就能看到选项的真实结构调整定位规则。

方案2：修改值后手动触发事件（备选） #

如果下拉框展开有动画、选项定位不稳定，可以用该方案，修改值后手动触发组件监听的事件，同步内部状态：

update_status_js = """
const statusInput = document.getElementById('arid_WIN_3_7');
// 修改输入框值
statusInput.value = 'Resolved';
// 依次触发input、change、blur事件，覆盖绝大多数前端框架的监听逻辑
['input', 'change', 'blur'].forEach(eventName => {
    statusInput.dispatchEvent(new Event(eventName, { bubbles: true }));
});
"""
driver.execute_script(update_status_js)

内容的提问来源于stack exchange，提问作者Khoa Đăng