如何使用 Selenium 和 Python 更改输入字段值

Question

我正在尝试更改表单输入中的输入字段值，但无法这样做。

输入值在这个URL

Email: Vela.admi@gmail.com PW: Testing@123

在这些操作之后出现在页面上的表单：

1. on left side click on "Sell Order" red button in Dashboard widget
2. a popup will appear on click, select "Order Type" as "Limit"
3. a new formfield appears, named "Limit Price" 

当我尝试使用 selenium 甚至 JS 更改它时，当我们通过按“发送订单”提交表单时它似乎没有改变

我的代码轨迹是：

from selenium import webdriver
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.common.keys import Keys
from selenium.webdriver.support.ui import Select
import time

driver.get(url)
driver.find_element_by_css_selector('#gwt-uid-770 > span > span > input').send_keys('6700')

我也试过

driver.execute_script("document.querySelector('#gwt-uid-770 > span > span > input').value=6700")

但是当我提交时它似乎没有改变。

Answer 1

执行以下步骤：

1. 在左侧单击仪表板小部件中的“卖出订单”红色按钮
2. 点击会弹出一个窗口，选择“订单类型”为“限价”
3. 出现一个新的表单域，名为“Limit Price”
4. 将值10000 发送到<input> 字段。

你必须为element_to_be_clickable()诱导WebDriverWait，你可以使用下面的Locator Strategies：

• 代码块：

  from selenium import webdriver
  from selenium.webdriver.support.ui import WebDriverWait
  from selenium.webdriver.common.by import By
  from selenium.webdriver.support import expected_conditions as EC
  from selenium.webdriver.common.action_chains import ActionChains
  from selenium.webdriver.common.keys import Keys
  
  options = webdriver.ChromeOptions() 
  options.add_argument("start-maximized")
  options.add_experimental_option("excludeSwitches", ["enable-automation"])
  options.add_experimental_option('useAutomationExtension', False)
  driver = webdriver.Chrome(options=options, executable_path=r'C:\WebDrivers\chromedriver.exe')
  driver.get('https://primexbt.com/id/sign-in?redirect=%2Fmy%2Ftrade')
  WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "input[formcontrolname='email']"))).send_keys("Vela.admi@gmail.com")
  driver.find_element_by_css_selector("input[formcontrolname='password']").send_keys("Testing@123")
  driver.find_element_by_css_selector("span.mat-button-wrapper").click()
  WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "button.popup-close"))).click()
  WebDriverWait(driver, 10).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR,"iframe.ng-star-inserted")))
  WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.CSS_SELECTOR, "span.price.price-bid"))).click()
  WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//span[@class='selectBox--label' and text()='Market']"))).click()
  WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//ul[@class='dropDown--list']//li[contains(., 'Limit')]"))).click()
  element = WebDriverWait(driver, 10).until(EC.element_to_be_clickable((By.XPATH, "//label[text()='Limit Price']//following::span[1]//span[@class='numericStepper--input']//input[@class='gwt-TextBox']")))
  ActionChains(driver).click(element).key_down(Keys.CONTROL).send_keys("a").key_up(Keys.CONTROL).send_keys("10000").perform()
  

• 注意：在构建答案时：

您设置的入场价格必须高于或等于9786.7

• 浏览器快照：

Answer 2

在检查 require 元素时，我发现有一个 iframe 用于包装内容。

因此，首先要在 selenium 中处理帧，您需要切换到正确的 iframe，然后它允许您与元素进行交互。

1. 使用 iframe 索引切换

   driver.switch_to.frame(0)
   

2. 使用 iframe 元素切换

   main_frame = driver.find_element_by_css_selector('iframe.ng-star-inserted')
   driver.switch_to.frame(main_frame)
   

3. 使用 iframe 名称切换

   driver.switch_to.frame('frame name') #make sure name attribute available in frame tag
   

这就是你可以使用显式等待条件切换到它的方法

WebDriverWait(driver, 45).until(EC.frame_to_be_available_and_switch_to_it((By.CSS_SELECTOR, "iframe.ng-star-inserted")))

并使用此定位器在 texxtbox 中输入文本

driver.find_element_by_xpath("//span[contains(.,'Limit Price')]/following-sibling::span//input").send_keys('6700')