selected value from dropdown
Question
How to check what value is selected in dropdown html? in real time (client side)
<div>
<select id="myList" name="testList">
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
</select>
</div>
@{
if ***[if the value from dropdown = 1) ]?***
{
var variable = x;
}
}
4 answers
solution1
0 2020-01-07 11:33:37
This might help: Get selected value in dropdown list using JavaScript
But here's an example:
getSelected(); function getSelected() { let list = document.getElementById("myList"); let selected = list.options[list.selectedIndex].value; let writeSelected = document.getElementById("selectedItem") if (selected === "2") { return writeSelected.innerHTML = "Best month" } writeSelected.innerHTML = selected }
<div> <select id="myList" onchange="getSelected()" name="testList"> <option value="1">Jan</option> <option value="2">Feb</option> <option value="3">Mar</option> </select> </div> <p> Selected: <span id="selectedItem"></span> </p>
solution2
0
I write sth this
<script>
var XXX = document.getElementsByName("testList");
var YYY = XXX.options[list_month.selectedIndex].value;
var nr_days = YYY;
</script>
but I have problem with variable: nr_days || comunicate: nr_days dont exist
@for (int nr_rows = 0; nr_rows < nr_days; nr_rows++)
.cshtml
solution3
0 2020-01-07 11:41:12
you can use this code to check what value is selected.
/***This code is to get value of selected option****/
$("select#myList").change(function(){
var selectedMonth = $(this).children("option:selected").val();
alert("You have selected the month - " + selectedMonth);
});
/***This code is to get text of selected option****/
$("select#myList").change(function(){
var selectedMonth = $(this).children("option:selected").text();
alert("You have selected the month - " + selectedMonth);
});
solution4
0 2020-01-07 12:04:35
<html>
<head>
<script>
function demo()
{
var a=document.getElementById("txt").value;
document.write("selected month is"+a);
}
</script>
</head>
<body>
<div>
<select id="myList" name="testList" onchange="demo()" id="txt">
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
</select>
</div>
</body>
</html>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
Show value from selected dropdown
Alert when a particular value from dropdown is selected
Get selected value from dynamic dropdown in table
unable to pass selected value from ajax dropdown
Fire AJAX when value selected from dropdown
display textbox as per the value selected from dropdown
How to display the selected value from the dropdown in Vuejs?
How to display the selected value from the dropdown
How to get the selected value from dropdown by javaScript
getting the value of selected dropdown, but not from the checkbox
Related Tags