how to get the selected option value of dropdown on display code example
Example 1: javascript get selected option
var e = document.getElementById("selectElementID");
var value=e.selectElement.options[e.selectedIndex].value;
var text=e.options[e.selectedIndex].text;
Example 2: How to select a value in a dropdown
How do you handle Select type of dropdown?
- If it is <select> we would have to use Select class from Selenium.
- Methods to select from dropdown:
Select s = new Select(element);
- s.selectByVisibleText
- s.selectByValue
- s.selectByIndex
--> How do we verify which option is selected in a dropdown?
- If we want to get the currently selected option,
we use getFirstSelectedOption() method.
-> return type: currently selected option as a web element
--> .getOptions();
-> This method will return all of the options in the <select> web element.
-> return type: List<WebElement>