html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<select id="sel" onchange="getSelected()">
<option value="apple">Apple</option>
<option value="orange" selected="selected">Orange</option>
<option value="kiwi">Kiwi</option>
</select>
<p id="selectedValue"></p>
<script>
function getSelected() {
var sel = document.getElementById("sel");
var selected = sel.options[sel.selectedIndex].value;
var selectedValue = document.getElementById("selectedValue");
selectedValue.innerText = selected;
// console.log("Selected: " + selected);
}
getSelected();
</script>
</body>
</html>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
body {
}
Enter to Rename, Shift+Enter to Preview
js
js
1
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run