Selenium填写无<form>标签表单遇交互异常，求解决方案

针对你遇到的ElementNotInteractableException问题，核心原因是页面的原生<select>元素可能被UI遮挡、或是被自定义样式隐藏，导致Selenium的Select类无法正常交互。以下是两种可行的解决方法：

方法1：通过JavaScript直接设置值（推荐） #

直接操作DOM设置select的value并触发变更事件，绕过元素交互限制：

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions

driver = webdriver.Firefox()
driver.get('https://jazz.com.pk/choose-your-number')

wait = WebDriverWait(driver, 15)

# 等待目标元素加载完成
prefix_select = wait.until(expected_conditions.presence_of_element_located((By.ID, 'ndc')))
criterion_select = wait.until(expected_conditions.presence_of_element_located((By.ID, 'searchcriteria')))
pattern_input = wait.until(expected_conditions.presence_of_element_located((By.ID, 'pattern')))

# 设置前缀select的value并触发change事件
driver.execute_script("arguments[0].value = '0307';", prefix_select)
driver.execute_script("arguments[0].dispatchEvent(new Event('change'));", prefix_select)

# 设置搜索条件select的value并触发change事件
driver.execute_script("arguments[0].value = 'FIRST4';", criterion_select)
driver.execute_script("arguments[0].dispatchEvent(new Event('change'));", criterion_select)

# 填写输入框
pattern_input.send_keys('7384')

# 若需提交，点击搜索按钮
search_btn = wait.until(expected_conditions.element_to_be_clickable((By.ID, 'submit')))
search_btn.click()

说明 #

这种方法不需要依赖元素的可视状态，直接修改DOM值，同时触发change事件确保页面的JavaScript逻辑能捕获到选择变更，避免页面无响应的情况。

方法2：模拟真实用户交互（适合依赖交互触发逻辑的场景） #

如果JS设置不生效，可模拟用户滚动、点击下拉框、选择选项的完整流程：

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions
from selenium.webdriver.common.action_chains import ActionChains

driver = webdriver.Firefox()
driver.get('https://jazz.com.pk/choose-your-number')

wait = WebDriverWait(driver, 15)

# 处理前缀select
prefix_select = wait.until(expected_conditions.presence_of_element_located((By.ID, 'ndc')))
# 滚动到元素区域，避免被页面元素遮挡
driver.execute_script("arguments[0].scrollIntoView({block: 'center'});", prefix_select)
# 点击展开下拉框
ActionChains(driver).move_to_element(prefix_select).click().perform()
# 等待目标选项可点击并选择
target_option = wait.until(expected_conditions.element_to_be_clickable((By.CSS_SELECTOR, '#ndc option[value="0307"]')))
ActionChains(driver).move_to_element(target_option).click().perform()

# 处理搜索条件select
criterion_select = wait.until(expected_conditions.presence_of_element_located((By.ID, 'searchcriteria')))
driver.execute_script("arguments[0].scrollIntoView({block: 'center'});", criterion_select)
ActionChains(driver).move_to_element(criterion_select).click().perform()
criterion_option = wait.until(expected_conditions.element_to_be_clickable((By.CSS_SELECTOR, '#searchcriteria option[value="FIRST4"]')))
ActionChains(driver).move_to_element(criterion_option).click().perform()

# 填写输入框
pattern_input = wait.until(expected_conditions.element_to_be_clickable((By.ID, 'pattern')))
pattern_input.send_keys('7384')

说明 #

这种方法完全模拟用户操作，适合那些必须通过交互触发页面逻辑的场景，但需要确保下拉框是原生<select>而非自定义组件（若为自定义组件，需定位对应的下拉按钮和选项列表元素）。

为什么之前的方法失效？ #

• 显式等待时使用了错误的option值（等待0303却要选0307），且未展开的option元素本身不可点击，导致超时。
• ActionChains无法移动到option，因为下拉未展开时option处于隐藏状态，不在浏览器可视DOM中。
• 直接滚动option无效，未展开的option不会被浏览器渲染到可视区域。

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