Selenium (Python): How to insert value on a hidden input?

Question

I'm using Selenium's WebDriver and coding in Python.

There's a hidden input field in which I'm trying to insert a specific date value. The field originally produces a calendar, from which a user can select an appropriate date, but that seems like a more complicated endeavour to emulate than inserting the appropriate date value directly.

The page's source code looks like this:

<div class="dijitReset dijitInputField">
<input id="form_date_DateTextBox_0" class="dijitReset" type="text" autocomplete="off" dojoattachpoint="textbox,focusNode" tabindex="0" aria-required="true"/>
<input type="hidden" value="2013-11-26" sliceindex="0"/>

where value="2013-11-26" is the field I'm trying to inject a value (it's originally empty, ie: value="".

I understand that WebDriver is not able to insert a value into a hidden input, because regular users would not be able to do that in a browser, but a workaround is to use Javascript. Unfortunately that's a language I'm not familiar with. Would anyone know what would work?

falsetru · Accepted Answer · 2013-09-29 15:32:05Z

16

You can use WebDriver.execute_script. For example:

from selenium import webdriver

driver = webdriver.Firefox()
driver.get('http://jsfiddle.net/falsetru/mLGnB/show/')
elem = driver.find_element_by_css_selector('div.dijitReset>input[type=hidden]')
driver.execute_script('''
    var elem = arguments[0];
    var value = arguments[1];
    elem.value = value;
''', elem, '2013-11-26')

UPDATE

from selenium import webdriver

driver = webdriver.Firefox()
driver.get('http://matrix.itasoftware.com/')
elem = driver.find_element_by_xpath(
    './/input[@id="ita_form_date_DateTextBox_0"]'
    '/following-sibling::input[@type="hidden"]')

value = driver.execute_script('return arguments[0].value;', elem)
print("Before update, hidden input value = {}".format(value))

driver.execute_script('''
    var elem = arguments[0];
    var value = arguments[1];
    elem.value = value;
''', elem, '2013-11-26')

value = driver.execute_script('return arguments[0].value;', elem)
print("After update, hidden input value = {}".format(value))

edited Sep 29, 2013 at 15:32

answered Sep 29, 2013 at 14:23

falsetru

371k69 gold badges769 silver badges659 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Infection Over a year ago

Thanks for the response! I tried that (sans the typo for 'execute') but couldn't get the date to appear, even though the script doesn't throw any error. Am I missing something? For clarity, I've added the website I'm trying to work on in my original post.

falsetru Over a year ago

@Infection, Sorry, I fixed that typo. And I tested it using test page, and it worked. (the page's hidden field is set as old-value).

falsetru Over a year ago

@Infection, Oh, you updated the question with the url. Wait a moment. I will test with that url.

falsetru Over a year ago

@Infection, There's so many hidden fields, and no input tag with id form_date_DateTextBox_0.

Infection Over a year ago

Sorry about that! I truncated the original code to make it readable. The actual ID in question is ita_form_date_DateTextBox_0 (found via Firepath on Firebug). The entire form on that website is dynamically generated by Javascript, which is why you may not be able to find this aforementioned ID by viewing the source code alone.

Collectives™ on Stack Overflow

Selenium (Python): How to insert value on a hidden input?

1 Answer 1

5 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related