首页 > 解决方案 > 如何在只读模式下设置输入的值

问题描述

下图是我要编辑的文本字段。

这是输入字段。

现在,当我尝试执行以下操作时:

c7 = driver.find_element_by_xpath("/html/body/div[@id='root']/div[@id='wrapper']/div[1]/div[@class='navbar-index']/div[@class='navbar-flex']/div[2]/div[@class='left-flex']/div[@class='modal-background-withmodal']/div[@class='modal-body']/div[@class='modal-container']/div[@class='modal-content']/div[@class='add-opportunity-modal-form']/div[@class='form-main-flex'][3]/div[@class='form-field-50'][2]/div[@class='form-input-field']/span[@class='ant-calendar-picker']/div/input[@class='ant-calendar-picker-input ant-input']")
driver.execute_script("arguments[0].value = 'Mar 31, 2019';", c7)

它不会更改输入的值,因为它是只读格式。

<input readonly="" value="Mar 27, 2019" placeholder="Select date" class="ant-calendar-picker-input ant-input">

^ 这是输入元素的代码。当您单击此元素时,它会打开一个日历并显示日期,但我不想经历单击日期的麻烦。我只想更改输入的值。有什么办法可以做到吗?

在此处输入图像描述

标签: pythonseleniumselenium-chromedriver

解决方案


您可以“作弊”以实现打字目标。

删除只读属性。

driver.execute_script("document.getElementsByClassName('ant-calendar-picker-input')[0].removeAttribute('readonly'));

并输入:

driver.find_elements_by_css_selector(".ant-calendar-picker-input").send_keys("Mar 31, 2019");

推荐阅读