How in JavaScript designate the selected value variable (take the value selected)? In short, here is the source code, something like that. Here’s how to write this code correctly so that the variable sets its value from the list (from the selected option).
var variable = document.getelementByname ('name select'). selected value
Answer 1, Authority 100%
If you write on pure JS, you can use such a code:
HTML:
& lt; select id = "selectid" onchange = "change ()" & gt;
& lt; optional = "0" & gt; Select Option & LT; / Option & GT;
& lt; optional = "1" & gt; Text1 & lt; / Option & GT;
& lt; optional = "2" & gt; Text2 & Lt; / Option & GT;
& lt; optional = "3" & gt; Text3 & Lt; / Option & gt;
& lt; / select & gt;
JS:
var select, value, text;
FUNCTION CHANGE () {
select = document.getelementByid ("SELECTID"); // Select SELECT by ID
Value = select.Options [select.selectedIndex] .Value; // Value value for selected option
text = select.Options [select.selectedIndex] .text; // Text value for the selected option
Alert ("Value:" + Value + "\ Nectxt:" + Text); // Conclusion Alert to verify values
}
But you can write it on JQuery
, I like this option more:
HTML:
& lt; select id = "selectid" & gt;
& lt; optional = "0" & gt; Select Option & LT; / Option & GT;
& lt; optional = "1" & gt; Text1 & lt; / Option & GT;
& lt; optional = "2" & gt; Text2 & Lt; / Option & GT;
& lt; optional = "3" & gt; Text3 & Lt; / Option & gt;
& lt; / select & gt;
& lt; p & gt; Value: & lt; span id = "value" & gt; 0 & lt; / span & gt; & lt; / p & gt;
& lt; p & gt; Text: & lt; span id = "text" & gt; Select Option & lt; / span & gt; & lt; / p & gt;
JS:
$ (document) .ready (function () {
$ ("# selectid"). Change (Function () {
$ ("# Value"). Text ($ (this) .val ());
$ ("# Text"). Text ($ ("# SELECTID Option: Selected"). text ());
});
});