UI自动化-下拉元素被隐藏无法直接进行select选择情况解决

问题:由于display: none属性隐藏了下拉选择,导致无法被select选中

方法一:直接点击的方式避开,这个方法最粗暴快捷,但是如果无法成功则选择方法二

python 复制代码
# 选择省-北京市
driver.find_element(By.XPATH,'/html/body/div[1]/form/div[4]/div[1]/a/span').click()
driver.find_element(By.XPATH,'/html/body/div[1]/form/div[4]/div[1]/div/ul/li[2]').click()
# 选择城市-东城区
driver.find_element(By.XPATH,'/html/body/div[1]/form/div[4]/div[2]/a/span').click()
driver.find_element(By.XPATH,'/html/body/div[1]/form/div[4]/div[2]/div/ul/li[2]').click()
# 选择区县-东四街道
driver.find_element(By.XPATH,'/html/body/div[1]/form/div[4]/div[3]/a/span').click()
driver.find_element(By.XPATH,'/html/body/div[1]/form/div[4]/div[3]/div/ul/li[3]').click()

方法二:JS直接赋值,绕过前端交互

python 复制代码
# 省份选择
province_select = driver.find_element(By.NAME, "province") #省
# 1. 赋值+触发带冒泡的change + 强制刷新Chosen显示
driver.execute_script("""
    // 给原生select赋值
    arguments[0].value = "3";
    // 带冒泡的change事件(让前端监听到)
    arguments[0].dispatchEvent(new Event('change', {bubbles: true}));
    // 强制刷新Chosen组件,如果有没有Chosen组件则不需要这一步(如何判断:元素定位后查看元素属性,是否有chosen关键字出现)
    $(arguments[0]).trigger('chosen:updated');
""", province_select)

# sleep(3) #等待数据加载
# 或用显式等待
from selenium.webdriver.support.wait import WebDriverWait
wait = WebDriverWait(driver, 10)
wait.until(lambda d: len(d.find_elements(By.XPATH, '//select[@name="city"]/option[@value="73"]')) > 0)

# 城市选择
city_select = driver.find_element(By.NAME, "city") #市
driver.execute_script("""
    arguments[0].value = "73";
    arguments[0].dispatchEvent(new Event('change', {bubbles: true}));
    $(arguments[0]).trigger('chosen:updated');
""", city_select)
# sleep(3)
wait.until(lambda d: len(d.find_elements(By.XPATH, '//select[@name="county"]/option[@value="1126"]')) > 0)

# 区县选择
city_select = driver.find_element(By.NAME, "county") #市
driver.execute_script("""
    arguments[0].value = "1126";
    arguments[0].dispatchEvent(new Event('change', {bubbles: true}));
    $(arguments[0]).trigger('chosen:updated');
""", city_select)
相关推荐
颜进强1 小时前
从零搭建私人 RAG 实战:用 Markdown 沉淀技术决策与业务决策
前端·后端·ai编程
咩咩啃树皮1 小时前
第46篇:Vue3 Router工程化进阶——懒加载+嵌套路由+全局守卫+权限控制
javascript·vue.js·ecmascript
触底反弹2 小时前
💡 React 父子组件通信:一个进度条教会我的 5 件事
前端·react.js·面试
咩咩啃树皮2 小时前
第44篇:Vue3侦听器完全精讲——watch与watchEffect区别、深度监听、异步业务落地
前端·javascript·vue.js
Python私教2 小时前
前端转 AI 全栈:别只做聊天框,SSE 与审批流才是分水岭
前端·人工智能
fthux2 小时前
GitHub Actions自动化运维实战:构建高效可靠的CI/CD流水线
运维·自动化·github
漂移的电子2 小时前
解决Vue3 + TypeScript + Vite搭建的项目,动态路由页面加载失败的最隐蔽原因
javascript·ubuntu·typescript
曦尧2 小时前
superfile:颜值驱动的现代终端文件管理器,究竟值不值得迁移?
ai·自动化
前鼻音太阳熊2 小时前
【MES系统】- 工业HMI状态机可视化实践:从手写SVG到Cytoscape.js的技术选型与踩坑
开发语言·javascript·ecmascript
晓得迷路了2 小时前
栗子前端技术周刊第 139 期 - Nuxt 4.5、Vue 3.6 RC、Angular 发布节奏...
前端·javascript·vue.js