如何通过Selenium实现搜索框输入指定值并选择下拉选项的自动化流程

Got it, let's break down how to automate this search box input and dropdown selection with Selenium. I'll cover the common scenarios you'll run into, since not all dropdowns are built the same way.

First: Input "125" into the Search Box #

First up, you need to target the search box element, wait for it to be ready, then enter your value. Always use explicit waits instead of hardcoded time.sleep()—it makes your script way more stable.

Here's a Python example (adjust the locator to match your actual page's elements):

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

# Initialize your browser (Chrome here, swap for Firefox/Edge if needed)
driver = webdriver.Chrome()
driver.get("https://your-target-page-url.com")

# Wait for the search box to load and be interactable
search_box = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.ID, "search-input"))  # Replace with your actual locator
)

# Clear any pre-filled text, then type "125"
search_box.clear()
search_box.send_keys("125")

Next: Select "patient ID" from the Dropdown #

Dropdowns come in two main flavors—native HTML <select> tags and custom dropdowns (built with divs/ul/li). Let's cover both:

Scenario 1: Native <select> Dropdown #

If your dropdown uses the standard <select> HTML tag, Selenium has a built-in Select class to make this easy:

from selenium.webdriver.support.ui import Select

# Wait for the dropdown to be present
dropdown_element = WebDriverWait(driver, 10).until(
    EC.presence_of_element_located((By.ID, "search-category"))  # Replace with your locator
)

# Initialize the Select object
select = Select(dropdown_element)

# Choose "patient ID" using one of these methods:
# 1. By visible text (most straightforward if the text matches exactly)
select.select_by_visible_text("patient ID")

# 2. By value attribute (if the <option> tag has a value like value="patient-id")
# select.select_by_value("patient-id")

# 3. By index (if you know its position, starting from 0)
# select.select_by_index(2)

Scenario 2: Custom Dropdown (Non-<select>) #

Modern apps often use custom dropdowns (think Bootstrap dropdowns or custom UI components). For these, you need to first click the dropdown trigger to expand the options, then click the "patient ID" option:

# Click the dropdown trigger to show options
dropdown_trigger = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.CSS_SELECTOR, ".dropdown-toggle.search-type"))  # Replace with your locator
)
dropdown_trigger.click()

# Wait for the "patient ID" option to be clickable, then select it
patient_id_option = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.XPATH, "//div[contains(text(), 'patient ID')]"))  # Adjust XPath to match your element
)
patient_id_option.click()

Quick Tips to Avoid Headaches #

• Use stable locators: Prioritize id or name attributes first—they're less likely to change than XPaths or CSS selectors based on page structure.
• Handle dynamic content: If the page loads elements asynchronously, explicit waits (like WebDriverWait) are non-negotiable.
• Test locators first: Use your browser's dev tools (F12) to verify that your locator targets the correct element before adding it to your script.

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