html get selected option javascript
<select id="ddlViewBy">
<option value="1">test1</option>
<option value="2" selected="selected">test2</option>
<option value="3">test3</option>
</select>
<script>
var e = document.getElementById("ddlViewBy");
var strUser = e.value; // 2
var strUser = e.options[e.selectedIndex].text; //test2
</script>how take values form select tag in js
<body>
<select id="list" style="padding: 10px;" onchange="getSelectValue();">
<option value="js">JavaScript</option>
<option value="php">PHP</option>
<option value="c#">Csharp</option>
<option value="java">Java</option>
<option value="node">Node.js</option>
</select>
<script>
function getSelectValue()
{
var selectedValue = document.getElementById("list").value;
alert(selectedValue);
}
getSelectValue();
</script>
</body>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 optionget value from select tag
<form>
Select your favorite fruit:
<select id="mySelect">
<option value="apple">Apple</option>
<option value="orange">Orange</option>
<option value="pineapple">Pineapple</option>
<option value="banana">Banana</option>
</select>
</form>
<script>
function myFunction() {
var x = document.getElementById("mySelect").value;
console.log(x);
}
</script>Copyright © 2021 Codeinu
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems resetting your password contact us
