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)
相关推荐
莪_幻尘17 分钟前
Skill 体检:30 个 Skill 全凭感觉?体检器先自曝了 8 个“假 0 分
前端·人工智能·llm
风骏时光牛马19 分钟前
AI模型综合能力评测:性能、指令遵循与多场景实测对比
前端
Frag0ut23 分钟前
Chrome与Chromium内核浏览器在Windows 11上的新特性全景解析
前端·chrome·windows·web安全·chromium·gemini ai·playready drm
kiros_wang1 小时前
渐变/阴影/滤镜⾼阶⽤法:统⼀项⽬UI、精简冗余组件
ui·harmonyos
hiahiahia1231 小时前
实现完整 Tool Dispatcher
开发语言·前端
IT_陈寒1 小时前
Java线程池这破玩意,差点让我周末加班排查到凌晨
前端·人工智能·后端
Mr_Mao2 小时前
告别选型困难!集 VueUse、ahooks、Mantine 于一身:286 个 Hook 的 ReaUse 来了
前端·javascript·react.js
泡海椒3 小时前
趋势分析报表:jquick-pdf折线图PDF生成实战
java·大数据·运维·服务器·前端·pdf
默_笙3 小时前
🚙 一条腿走路会摔:ES 关键词检索、混合召回与 ReRank 裁判
前端·javascript
YIAN3 小时前
从跨域代理到 WebSocket:梳理前端实时通信的底层逻辑与完整实践
前端·websocket