Question

设置：

我正在网上商店的在线后端编辑产品。

我必须更新数百种产品的价格，并希望通过脚本来实现。

我已成功使用Selenium登录系统并导航到产品管理页面，该页面包含一个包含产品的表格。

问题：

我似乎无法使硒操纵表。有一个高级搜索似乎生活在桌面上。

我试图通过XPath或CSS选择器在搜索字段中输入文本，但似乎没有任何效果。

Python执行代码时没有错误，但文本不会出现在搜索字段中。

通过XPath：

search_field = browser.find_element_by_xpath(
    '/html/body/table/tbody/tr[2]/td[4]/table[2]/tbody/tr/td/table/tbody/tr/td/table/tbody/tr[1]/td/div/input',
        )
search_field.clear()
search_field.send_keys('brand')

通过CSS选择器：

search_field = browser.find_element_by_css_selector(
    '#Products > tbody > tr:nth-child(1) > td > div > input',
        )
search_field.clear()
search_field.send_keys('brand')

如何将文本输入搜索字段？

搜索字段的HTML是：

<input type="text" class="text-field text-field-250 searchBox">

HTML

<tr>
                                <td class="searchArea">
                                    <div class="grid-area-filter-item">
                                        <label class="line-label">Search:</label>
                                        <input type="text" class="text-field text-field-250 searchBox">
                                    </div>
                                    <span class="grid-area-filter-item">
                                        <a href="#" class="button button-fleft searchButton">
                                            <span>Search</span>
                                        </a>
                                        <a href="#" class="button button-fleft resetButton">
                                            <span>Reset</span>
                                        </a>
                                    </span>
                                        <a class="link-advanced">Advanced</a>
<table class="advanced-search" style="display: none;">
    <tbody>
        <tr>
            <td class="label">Type: 
            </td>
            <td class="control">


<select class="select-400" data-val="true" data-val-number="The field ProductTypeId must be a number." id="ProductTypeId" name="ProductTypeId"><option value="">Please select</option>
<option value="2">Accessories</option>
<option value="3">Back Cushion</option>
<option value="4">Down-Blend</option>
<option value="6">Foot</option>
<option value="7">Foot Finish</option>
<option value="8">Leather Care</option>
<option value="9">Mattress</option>
<option value="10">Mattress Upgrade</option>
<option value="11">Power Reclining</option>
<option value="12">Seat Cushion</option>
<option value="13">Sleeper Sofa Sheets</option>
<option value="14">Sleeper</option>
<option value="15">Stressless Promo Accessories</option>
<option value="16">Enso Foundation</option>
<option value="17">Stand Alone Mattresses</option>
<option value="18">Base</option>
<option value="19">Enso Pillows</option>
<option value="20">Ottoman</option>
<option value="21">Add Pillows</option>
<option value="22">Rug</option>
<option value="23">Swivel</option>
<option value="25">Storage Chaise</option>
<option value="26">Office Chair</option>
<option value="27">Casters</option>
<option value="29">Paragon Sleeper Sheets</option>
<option value="30">Power Sleeper</option>
<option value="32">Bernhardt Nailheads</option>
<option value="33">Power + Swivel</option>
<option value="34">Bernhardt Tables</option>
<option value="35">Nailheads</option>
<option value="36">Base Type</option>
<option value="37">Wooden Side Panel</option>
</select>

            </td>
        </tr>
        <tr>
            <td class="label">Model: 
            </td>
            <td class="control">


<div class="hide-input">
<input data-val="true" data-val-number="The field ModelId must be a number." id="ModelId" name="ModelId" type="text" value="">
</div>


<span class="button button-fleft"><input type="button" class="lookup-button" data-lookupurl="/models/lookup" data-hiddeninput="ModelId" value="Select"></span>
<label for="ModelId">Please select item</label>



            </td>
        </tr>
        <tr>
            <td class="label">Brand: 
            </td>
            <td class="control">


<div class="hide-input">
<input data-val="true" data-val-number="The field BrandId must be a number." id="BrandId" name="BrandId" type="text" value="">
</div>


<span class="button button-fleft"><input type="button" class="lookup-button" data-lookupurl="/brands/lookup" data-hiddeninput="BrandId" value="Select"></span>
<label for="BrandId">Palliser</label>



            </td>
        </tr>
        <tr>
            <td class="label">Size: 
            </td>
            <td class="control">


<div class="hide-input">
<input data-val="true" data-val-number="The field SizeId must be a number." id="SizeId" name="SizeId" type="text" value="">
</div>


<span class="button button-fleft"><input type="button" class="lookup-button" data-lookupurl="/sizes/lookup" data-hiddeninput="SizeId" value="Select"></span>
<label for="SizeId">Please select item</label>



            </td>
        </tr>
        <tr>
            <td class="label">Customization Level: 
            </td>
            <td class="control">

<select class="select-400" id="CustomizationLevel" name="CustomizationLevel"><option value="">Please select</option>
<option value="Full">Full Customization</option>
<option value="Little">Little Customization</option>
<option value="No">No Customization</option>
<option value="Custom">Custom Customization</option>
<option value="MarriedGroup">Married Group Customization</option>
<option value="MarriedSale">Married Sale Customization</option>
<option value="PartlyInStock">Partly In Stock Customization</option>
<option value="Complex">Complex Customization</option>
<option value="NotForSale">Not For Sale</option>
</select>
            </td>
        </tr>
        <tr>
            <td class="label">Back Type: 
            </td>
            <td class="control">

<select class="select-400" id="BackType" name="BackType"><option value="">Please select</option>
<option value="TightBack">Tight-Back</option>
<option value="AttachedPillowBack">Attached Pillow-Back</option>
<option value="LoosePillowBack">Loose Pillow-Back</option>
</select>
            </td>
        </tr>
        <tr>
            <td class="label">Furniture Type: 
            </td>
            <td class="control">


<select class="select-400" data-val="true" data-val-number="The field FurnitureId must be a number." id="FurnitureId" name="FurnitureId"><option value="">Please select</option>
<option value="1">Fabric</option>
<option value="2">Leather</option>
</select>

            </td>
        </tr>
        <tr>
            <td class="label">
                Out Of Stock Type:
            </td>
            <td class="control">

<select class="select-400" id="ProductAvailabilityType" name="ProductAvailabilityType"><option value="">Please select</option>
<option value="ZeroQuantity">Zero Quantity</option>
<option value="HiddenFromSite">Hidden From Site</option>
</select>
            </td>
        </tr>
    </tbody>
</table>

                                </td>
                            </tr>

Answer 1

使用班级名称作为定位器

search_field= browser.find_element_by_class_name('text-field text-field-250 searchBox')
search_field.send_keys('brand')

或使用xpath作为定位器

search_field= browser.find_element_by_xpath("//input[@class='text-field text-field-250 searchBox']")
search_field.send_keys('brand')

Answer 2

尝试以下代码 - 这里我使用了显式等待：

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


search_field = ui.WebDriverWait(browser, 10).until(EC.visibility_of_element_located((By.CSS_SELECTOR, ".text-field.text-field-250.searchBox")))
browser.execute_script("arguments[0].scrollIntoView(true);", search_field)
search_field.clear()
search_field.send_keys("brand")

PS：使用CSS Selector作为定位器。希望它能帮到你！

Answer 3

要在搜索字段中输入文字品牌，您可以使用以下代码块：

search_field = browser.find_element_by_xpath("//td[@class='searchArea']/div[@class='grid-area-filter-item']//input[@class='text-field searchBox' and contains(@class,'text-field-')]")
search_field.clear()
search_field.send_keys('brand')

无法使用Selenium

3 个答案: