How to get value from a list which is not a drop down in selenium

Question

<div class="Select form-control undefined Select--single is-searchable has-value"><input name="deal.listdealasset[0].acacode" type="hidden" value="NEWCAR"><div class="Select-control"><span class="Select-multi-value-wrapper" id="react-select-3--value"><div class="Select-value"><span class="Select-value-label" id="react-select-3--value-item" role="option" aria-selected="true">New</span></div><div class="Select-input" style="display: inline-block;"><style>input#undefined::-ms-clear {display: none;}</style><input role="combobox" aria-expanded="false" aria-haspopup="false" aria-activedescendant="react-select-3--value" aria-owns="" style="width: 19px; box-sizing: content-box;" value="" data-rxName="deal.listdealasset[0].acacode"><div style="left: 0px; top: 0px; height: 0px; text-transform: none; letter-spacing: normal; overflow: scroll; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-style: normal; font-weight: 400; white-space: pre; visibility: hidden; position: absolute;"></div></div></span><span class="Select-arrow-zone"><span class="Select-arrow"></span></span></div></div>

I'm trying to select a value from a drop-down but its html tag is not select. I have tried various options but none work.

WebElement optionsList = driver.findElement(By.xpath("//span[contains(@class, 'Select-multi-value-wrapper')]"));
List<WebElement> options = optionsList.findElements(By.xpath("//span[contains(@class, 'Select-value-label')]"));
options.get(0).click();

I want to select the value new from drop down.[ enter image description here ]

I'm getting below error on execution - Element could not be scrolled into view

Below is the HTML code for the page-

<div class="Select form-control undefined Select--single is-searchable has-value">
   <input name="deal.listdealasset[0].acacode" type="hidden" value="NEWCAR">
   <div class="Select-control">
      <span class="Select-multi-value-wrapper" id="react-select-3--value">
         <div class="Select-value"><span class="Select-value-label" id="react-select-3--value-item" role="option" aria-selected="true">New</span></div>
         <div class="Select-input" style="display: inline-block;">
            <style>input#undefined::-ms-clear {display: none;}</style>
            <input role="combobox" aria-expanded="false" aria-haspopup="false" aria-activedescendant="react-select-3--value" aria-owns="" style="width: 19px; box-sizing: content-box;" value="" data-rxName="deal.listdealasset[0].acacode">
            <div style="left: 0px; top: 0px; height: 0px; text-transform: none; letter-spacing: normal; overflow: scroll; font-family: Arial,Helvetica,sans-serif; font-size: 14px; font-style: normal; font-weight: 400; white-space: pre; visibility: hidden; position: absolute;"></div>
         </div>
      </span>
      <span class="Select-arrow-zone"><span class="Select-arrow"></span></span>
   </div>
</div>

Possible duplicate of Selecting from div class dropdown - Selenium — Guy
– Guy, Commented May 13, 2019 at 6:15
Can you share HTML code ? taking everything in a list of web element, and then try to click on one of the web element is the standard way to do it. — cruisepandey
– cruisepandey, Commented May 13, 2019 at 6:19
Can you share that in plain text, It'd be easy for us to copy the HTML code and give you proper solution. and how many options are present in drop down anyway ? — cruisepandey
– cruisepandey, Commented May 13, 2019 at 6:21

cruisepandey · Accepted Answer · 2019-05-13 06:25:35Z

0

Since your drop down is made of Div and span tags, Select class will not work from selenium.

Code you can try :

List<WebElement> options = driver.findElements(by.xpath(" your locator"));
for(WebElement element : options){
 if(element.getText().equals(" your value from drop down")){
    element.click();
}
}

Let me know, if you have any more concerns.

answered May 13, 2019 at 6:25

cruisepandey

29.5k6 gold badges23 silver badges43 bronze badges

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

7 Comments

user11491018 Over a year ago

WebElement optionsList = driver.findElement(By.xpath("//span[contains(@class, 'Select-multi-value-wrapper')]")); List<WebElement> options = optionsList.findElements(By.xpath("//span[contains(@class, 'Select-value-label')]")); options.get(0).click();

user11491018 Over a year ago

I have tried with xpath as well but the value is still not selected

user11491018 Over a year ago

shared the html tag kindly let me know a solution for same...there are 2 values in drop down - New and Used

user11491018 Over a year ago

WebElement optionsList = driver.findElement(By.xpath("//span[contains(@class, 'Select-multi-value-wrapper')]")); List<WebElement> options = optionsList.findElements(By.xpath("//span[contains(@class, 'Select-value-label')]")); for(WebElement option : options) { if (option.getText().equals("New")) { option.click(); } } ...on executing above no error is displayed nor the value is getting selected

cruisepandey Over a year ago

First you have to write the code to click on drop down, then only you can use my solution.

|

cruisepandey · Accepted Answer · 2019-05-13 07:39:08Z

0

Since You are getting error of element can not be scrolled into view. You should try JavascriptExecutor for scrolling.

This way will allow you to scroll horizontally/vertically page ((JavaScriptExecutor)driver).executeScript("scroll(0,200)") - only scroll vertically by 200 pixels

2 . For bringing element into Focus

((JavaScriptExecutor)driver).executeScript("arguments[0].scrollIntoView(true);", element);

edited May 13, 2019 at 7:39

cruisepandey

29.5k6 gold badges23 silver badges43 bronze badges

answered May 13, 2019 at 6:38

Nitin Sahu

6196 silver badges12 bronze badges

1 Comment

user11491018 Over a year ago

tried javascript - //JavascriptExecutor je = (JavascriptExecutor) driver; //WebElement element = driver.findElement(By.xpath("//span[contains(@class,'Select-value-label')]")); //je.executeScript("arguments[0].scrollIntoView(true);",element);....but getting same cannot be scrolle dinto view error

shyam kunda · Accepted Answer · 2019-05-13 08:07:21Z

0

Since option 'new' had id attribute defined, clicking object is straight forward by using id. Below code should work, provided that dropdown button is already clicked.

driver.findElement(By.id("react-select-3--value")).click();
driver.findElement(By.id("react-select-3--value-item")).click();

edited May 13, 2019 at 8:07

answered May 13, 2019 at 7:14

shyam kunda

13 bronze badges

5 Comments

user11491018 Over a year ago

This only clicks on the drop down , does not select the "New" value from list

shyam kunda Over a year ago

Edit : I added code to click on new value in the list. Please try and let know.

user11491018 Over a year ago

I gives following error -Unable to locate element: #react\-select\-3\-\-value\-item

user11491018 Over a year ago

After lots of attempts - following code will type New in the drop down field - driver.findElement(By.xpath("/html/body/section/div/div[2]/section/div/from/div/div[3]/div[1]/div/div/div[2]/div/div/div/div/div/span[1]/div[2]/input")).sendKeys("New");

user11491018 Over a year ago

But still this is not allowing to use enter key as if we follow manual steps it normally would select "New"-driver.findElement(By.xpath("//span[(@id='react-select-10--value')]")).sendKeys(Keys.ENTER);

undetected Selenium · Accepted Answer · 2019-05-13 19:41:13Z

0

Thanks for the response . It worked with below query i.e by merging send keys and keys.enter-

driver.findElement(By.id("react-select-3--value")).click();
driver.findElement(By.xpath("/html/body/section/div/div[2]/section/div/from/div/div[3]/div[1]/div/div/div[2]/div/div/div/div/div/span[1]/div[2]/input")).sendKeys("New",Keys.ENTER);

edited May 13, 2019 at 19:41

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

answered May 13, 2019 at 12:07

user11491018

113 bronze badges

Collectives™ on Stack Overflow

How to get value from a list which is not a drop down in selenium

4 Answers 4

7 Comments

1 Comment

5 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

7 Comments

1 Comment

5 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related