select value from dropdown code example

Example 1: select dropdown selenium

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:
        - selectByVisibleText
        - selectByValue
        - 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.
    getFirstSelectedOption();
        -> 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: how to handle select dropdown in selenium

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:
        - selectByVisibleText
        - selectByValue
        - 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 3: 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 4: 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(); // The text content of the selected option
$("#elementId :selected").val(); // The value of the selected option

Tags: