Acquire chosen worth successful dropdown database utilizing JavaScript

However bash I acquire the chosen worth from a dropdown database utilizing JavaScript?

<form> <select id="ddlViewBy"> <option value="1">test1</option> <option value="2" selected="selected">test2</option> <option value="3">test3</option> </select></form>

Fixed a choice component that appears similar this:

<select id="ddlViewBy"> <option value="1">test1</option> <option value="2" selected="selected">test2</option> <option value="3">test3</option></select>

Moving this codification:

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

Outcomes successful:

value == 2text == "test2"

---

Interactive illustration:

var e = document.getElementById("ddlViewBy");function onChange() { var value = e.value; var text = e.options[e.selectedIndex].text; console.log(value, text);}e.onchange = onChange;onChange();

<form> <select id="ddlViewBy"> <option value="1">test1</option> <option value="2" selected="selected">test2</option> <option value="3">test3</option> </select></form>

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").val(); // The value of the selected option

AngularJS: (http://jsfiddle.nett/qk5wwyct):

// HTML<select ng-model="selectItem" ng-options="item as item.text for item in items"></select><p>Text: {{selectItem.text}}</p><p>Value: {{selectItem.value}}</p>// JavaScript$scope.items = [{ value: 'item_1_id', text: 'Item 1'}, { value: 'item_2_id', text: 'Item 2'}];

Mistake producing weblog contented

[English] Make animated dropdown box using jquery (chosen) in html

[English] Make animated dropdown box using jquery (chosen) in html from Youtube.com