select option value code example

Example 1: get selected option value

var conceptName = $('#aioConceptName').find(":selected").val();

Example 2: javascript get selected option

var e = document.getElementById("selectElementID");
var value=e.selectElement.options[e.selectedIndex].value;// get selected option value
var text=e.options[e.selectedIndex].text;//get the selected option text

Example 3: javascript to get value of dropdown

var e = document.getElementById("elementId");
var value = e.options[e.selectedIndex].value;
var text = e.options[e.selectedIndex].text;

Example 4: how to echo data into an option tag as a link

<select name="forma" onchange="location = this.value;">
 <option value="Home.php">Home</option>
 <option value="Contact.php">Contact</option>
 <option value="Sitemap.php">Sitemap</option>
</select>

Example 5: use js to get select value

// reference to 'scripts' select list 
// used throughout the examples below
var sel = document.getElementById('scripts');

// display value property of select list (from selected option)
console.log( sel.value );

Example 6: 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>