How to replace innerHTML code using Selenium Webdriver C#?

Question

HTML CODE:

<select name="ddlFruit" id="ddlFruit" class="Searchddl">
    <option value="">Select</option>
    <option value="447">Grapes</option>
    <option value="448">Mango</option>
    <option selected="selected" value="449">Apple</option>
</select>

How can i replace

selected="selected"

to other options using selenium webdriver.

Eg:

<select name="ddlFruit" id="ddlFruit" class="Searchddl">
    <option value="">Select</option>
    <option selected="selected" value="447">Grapes</option>
    <option value="448">Mango</option>
    <option value="449">Apple</option>
</select>

Piotr M. · Accepted Answer · 2021-02-02T09:14:57.523

1

You can execute js script to modify attribute:

var webDriver = new ChromeDriver();
var jsExecutor = (IJavaScriptExecutor)webDriver;
var webElement = webDriver.FindElement(By.Id('id'));
jsExecutor.ExecuteScript("arguments[0].setAttribute('selected','selected');",webElement);

edited Feb 02 '21 at 09:14

answered Feb 01 '21 at 21:51

Piotr M.

385
2
8

undetected Selenium · Answer 2 · 2021-02-01T19:42:58.257

Option selected Property

The selected option property sets or returns the selected state of an option.

As per the HTML:

<select name="ddlFruit" id="ddlFruit" class="Searchddl">
    <option value="">Select</option>
    <option value="447">Grapes</option>
    <option value="448">Mango</option>
    <option selected="selected" value="449">Apple</option>
</select>

The option with text as Apple is selected.

This usecase

The selected property can be replaced to other options only by selecting the other <option>.

To select the <option> with text as Grapes you need to induce WebDriverWait for the ElementToBeClickable() and you can use either of the Locator Strategies:

Using CssSelector and SelectByValue():

new SelectElement(new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.CssSelector("select.Searchddl#ddlFruit")))).SelectByValue("447");

Using XPath and SelectByText():

new SelectElement(new WebDriverWait(driver, TimeSpan.FromSeconds(20)).Until(ExpectedConditions.ElementToBeClickable(By.CssSelector("//select[@class='Searchddl' and @id='ddlFruit']")))).SelectByText("Grapes");

I dont want to click any element, Just i want to replace that source code at that moment. @DebanjanB — by dukaan, Feb 01 '21 at 19:51

score 0 · Answer 3 · answered Feb 01 '21 at 19:41

0

Select dropdown = new Select(driver.findElement(By.id("identifier")))
dropdown.selectByVisibleText("option")

where identifier is a way of finding the drop down, and option is the option to select.

answered Feb 01 '21 at 19:41

OctopuSS7

465
2
9

I dont want to click any element, Just i want to replace that source code at that moment. @OctopuSS7 – by dukaan Feb 01 '21 at 19:52
In that case, where `element` is the element you want, `element.InnerHTML = "What ever you want"` – OctopuSS7 Feb 01 '21 at 19:56
ok, but how can i insert selected="selected" to Grapes and remove previous selected="selected" @OctopusSS7 – by dukaan Feb 01 '21 at 20:11
This is all on the selenium documentation now. Have a look there. – OctopuSS7 Feb 01 '21 at 20:53

How to replace innerHTML code using Selenium Webdriver C#?

3 Answers3

Option selected Property

This usecase

Linked