how to make a html dropdown selected with value code example
Example 1: 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>
Example 2: selected dropdown value
Plain JavaScript:
===================
var e = document.getElementById("elementId");
var value = e.options[e.selectedIndex].value;
var text = e.options[e.selectedIndex].text;
---------------------------------------------------------
jQuery:
=======
$("#elementId :selected").text();
$("#elementId :selected").val();