How to check value of drop down list without jquery? Announcing the arrival of Valued Associate #679: Cesar Manara Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) The Ask Question Wizard is Live! Data science time! April 2019 and salary with experienceGet selected value in dropdown list using JavaScript?How do I check if an element is hidden in jQuery?How do I check if an array includes an object in JavaScript?Setting “checked” for a checkbox with jQuery?Change the selected value of a drop-down list with jQueryHow can I know which radio button is selected via jQuery?How to check whether a checkbox is checked in jQuery?Need an unordered list without any bulletsGet selected text from a drop-down list (select box) using jQueryHow to check whether a string contains a substring in JavaScript?How to check if an object is an array?
Is above average number of years spent on PhD considered a red flag in future academia or industry positions?
What is the largest species of polychaete?
How many things? AとBがふたつ
What to do with post with dry rot?
Determine whether f is a function, an injection, a surjection
When communicating altitude with a '9' in it, should it be pronounced "nine hundred" or "niner hundred"?
If I can make up priors, why can't I make up posteriors?
Complexity of many constant time steps with occasional logarithmic steps
What loss function to use when labels are probabilities?
Are my PIs rude or am I just being too sensitive?
Mortgage adviser recommends a longer term than necessary combined with overpayments
How do I keep my slimes from escaping their pens?
3 doors, three guards, one stone
What was the last x86 CPU that did not have the x87 floating-point unit built in?
What's the point in a preamp?
How should I respond to a player wanting to catch a sword between their hands?
Using "nakedly" instead of "with nothing on"
Simulating Exploding Dice
Stopping real property loss from eroding embankment
How can players take actions together that are impossible otherwise?
How to politely respond to generic emails requesting a PhD/job in my lab? Without wasting too much time
How is simplicity better than precision and clarity in prose?
Biased dice probability question
Is there a service that would inform me whenever a new direct route is scheduled from a given airport?
How to check value of drop down list without jquery?
Announcing the arrival of Valued Associate #679: Cesar Manara
Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)
The Ask Question Wizard is Live!
Data science time! April 2019 and salary with experienceGet selected value in dropdown list using JavaScript?How do I check if an element is hidden in jQuery?How do I check if an array includes an object in JavaScript?Setting “checked” for a checkbox with jQuery?Change the selected value of a drop-down list with jQueryHow can I know which radio button is selected via jQuery?How to check whether a checkbox is checked in jQuery?Need an unordered list without any bulletsGet selected text from a drop-down list (select box) using jQueryHow to check whether a string contains a substring in JavaScript?How to check if an object is an array?
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
I want to make a function that, when the button is pressed, checks what option is selected from each drop down list. Don't know how i would do this and everything i find online is jquery, something i don't want to use. It might not be possible, which would be fine cause i could just use imput values insted but figured i might aswell ask here fisrt.
<body>
<select class="Alder" name="Alder">
<option id="B">0-12år</option>
<option id="V">Eldre en 12år</option>
</select>
<select class="Dager" name="Dager">
<option id="1">1 Dag</option>
<option id="2">2 Dager</option>
<option id="3">3 Dager</option>
<option id="4">4 Dager</option>
<option id="5">5 Dager</option>
<option id="6">6 Dager</option>
<option id="7">7 Dager</option>
</select>
<button id="prisKnapp" type="button" name="button">Regn ut pris</button>
</body>
javascript html button dropdown
asked Mar 22 at 7:48
kritozkritoz
246
add a comment |
I want to make a function that, when the button is pressed, checks what option is selected from each drop down list. Don't know how i would do this and everything i find online is jquery, something i don't want to use. It might not be possible, which would be fine cause i could just use imput values insted but figured i might aswell ask here fisrt.
<body>
<select class="Alder" name="Alder">
<option id="B">0-12år</option>
<option id="V">Eldre en 12år</option>
</select>
<select class="Dager" name="Dager">
<option id="1">1 Dag</option>
<option id="2">2 Dager</option>
<option id="3">3 Dager</option>
<option id="4">4 Dager</option>
<option id="5">5 Dager</option>
<option id="6">6 Dager</option>
<option id="7">7 Dager</option>
</select>
<button id="prisKnapp" type="button" name="button">Regn ut pris</button>
</body>
javascript html button dropdown
asked Mar 22 at 7:48
kritozkritoz
246
Possible duplicate of Get selected value in dropdown list using JavaScript?
– sertsedat
Mar 22 at 8:23
add a comment |
I want to make a function that, when the button is pressed, checks what option is selected from each drop down list. Don't know how i would do this and everything i find online is jquery, something i don't want to use. It might not be possible, which would be fine cause i could just use imput values insted but figured i might aswell ask here fisrt.
<body>
<select class="Alder" name="Alder">
<option id="B">0-12år</option>
<option id="V">Eldre en 12år</option>
</select>
<select class="Dager" name="Dager">
<option id="1">1 Dag</option>
<option id="2">2 Dager</option>
<option id="3">3 Dager</option>
<option id="4">4 Dager</option>
<option id="5">5 Dager</option>
<option id="6">6 Dager</option>
<option id="7">7 Dager</option>
</select>
<button id="prisKnapp" type="button" name="button">Regn ut pris</button>
</body>
javascript html button dropdown
asked Mar 22 at 7:48
kritozkritoz
246
I want to make a function that, when the button is pressed, checks what option is selected from each drop down list. Don't know how i would do this and everything i find online is jquery, something i don't want to use. It might not be possible, which would be fine cause i could just use imput values insted but figured i might aswell ask here fisrt.
<body>
<select class="Alder" name="Alder">
<option id="B">0-12år</option>
<option id="V">Eldre en 12år</option>
</select>
<select class="Dager" name="Dager">
<option id="1">1 Dag</option>
<option id="2">2 Dager</option>
<option id="3">3 Dager</option>
<option id="4">4 Dager</option>
<option id="5">5 Dager</option>
<option id="6">6 Dager</option>
<option id="7">7 Dager</option>
</select>
<button id="prisKnapp" type="button" name="button">Regn ut pris</button>
</body>
javascript html button dropdown
javascript html button dropdown
asked Mar 22 at 7:48
kritozkritoz
246
asked Mar 22 at 7:48
kritozkritoz
246
asked Mar 22 at 7:48
kritozkritoz
246
asked Mar 22 at 7:48
kritozkritoz
246
asked Mar 22 at 7:48
kritozkritoz
246
246
Possible duplicate of Get selected value in dropdown list using JavaScript?
– sertsedat
Mar 22 at 8:23
add a comment |
Possible duplicate of Get selected value in dropdown list using JavaScript?
– sertsedat
Mar 22 at 8:23
Possible duplicate of Get selected value in dropdown list using JavaScript?
– sertsedat
Mar 22 at 8:23
Possible duplicate of Get selected value in dropdown list using JavaScript?
– sertsedat
Mar 22 at 8:23
add a comment |
2 Answers
2
active
oldest
votes
You could get value form all dropdown input by assigning class on each select input, let say you are using select class name.
html :
<body>
<select class="Alder select" name="Alder">
<option id="B">0-12�r</option>
<option id="V">Eldre en 12�r</option>
</select>
<select class="Dager select" name="Dager">
<option id="1">1 Dag</option>
<option id="2">2 Dager</option>
<option id="3">3 Dager</option>
<option id="4">4 Dager</option>
<option id="5">5 Dager</option>
<option id="6">6 Dager</option>
<option id="7">7 Dager</option>
</select>
<button id="prisKnapp" type="button" onclick='getVal()' name="button">Regn ut pris</button>
</body>
javascript :
var sel = document.getElementsByClassName("select");
function getVal()
for (const key in sel)
if (sel.hasOwnProperty(key))
console.log(sel[key].value);
answered Mar 22 at 7:54
Hasta DhanaHasta Dhana
2,2312619
add a comment |
Give your options values instead of ids, and you can then use the FormData API to serialize the form as if it were submitted "traditionally" and access the values that would be sent:
document.getElementById("f").addEventListener("submit", (event) =>
event.preventDefault();
const fd = new FormData(event.target);
alert(
'Dager: ' + fd.get('Dager') + 'n' +
'Alder: ' + fd.get('Alder')
);
);<body>
<form id="f">
<select class="Alder" name="Alder">
<option value="B">0-12år</option>
<option value="V">Eldre en 12år</option>
</select>
<select class="Dager" name="Dager">
<option value="1">1 Dag</option>
<option value="2">2 Dager</option>
<option value="3">3 Dager</option>
<option value="4">4 Dager</option>
<option value="5">5 Dager</option>
<option value="6">6 Dager</option>
<option value="7">7 Dager</option>
</select>
<button type="submit" name="button">Regn ut pris</button>
</form>
</body>answered Mar 22 at 8:25
AKXAKX
44.7k45670
add a comment |
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55295039%2fhow-to-check-value-of-drop-down-list-without-jquery%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
You could get value form all dropdown input by assigning class on each select input, let say you are using select class name.
html :
<body>
<select class="Alder select" name="Alder">
<option id="B">0-12�r</option>
<option id="V">Eldre en 12�r</option>
</select>
<select class="Dager select" name="Dager">
<option id="1">1 Dag</option>
<option id="2">2 Dager</option>
<option id="3">3 Dager</option>
<option id="4">4 Dager</option>
<option id="5">5 Dager</option>
<option id="6">6 Dager</option>
<option id="7">7 Dager</option>
</select>
<button id="prisKnapp" type="button" onclick='getVal()' name="button">Regn ut pris</button>
</body>
javascript :
var sel = document.getElementsByClassName("select");
function getVal()
for (const key in sel)
if (sel.hasOwnProperty(key))
console.log(sel[key].value);
answered Mar 22 at 7:54
Hasta DhanaHasta Dhana
2,2312619
add a comment |
You could get value form all dropdown input by assigning class on each select input, let say you are using select class name.
html :
<body>
<select class="Alder select" name="Alder">
<option id="B">0-12�r</option>
<option id="V">Eldre en 12�r</option>
</select>
<select class="Dager select" name="Dager">
<option id="1">1 Dag</option>
<option id="2">2 Dager</option>
<option id="3">3 Dager</option>
<option id="4">4 Dager</option>
<option id="5">5 Dager</option>
<option id="6">6 Dager</option>
<option id="7">7 Dager</option>
</select>
<button id="prisKnapp" type="button" onclick='getVal()' name="button">Regn ut pris</button>
</body>
javascript :
var sel = document.getElementsByClassName("select");
function getVal()
for (const key in sel)
if (sel.hasOwnProperty(key))
console.log(sel[key].value);
answered Mar 22 at 7:54
Hasta DhanaHasta Dhana
2,2312619
add a comment |
You could get value form all dropdown input by assigning class on each select input, let say you are using select class name.
html :
<body>
<select class="Alder select" name="Alder">
<option id="B">0-12�r</option>
<option id="V">Eldre en 12�r</option>
</select>
<select class="Dager select" name="Dager">
<option id="1">1 Dag</option>
<option id="2">2 Dager</option>
<option id="3">3 Dager</option>
<option id="4">4 Dager</option>
<option id="5">5 Dager</option>
<option id="6">6 Dager</option>
<option id="7">7 Dager</option>
</select>
<button id="prisKnapp" type="button" onclick='getVal()' name="button">Regn ut pris</button>
</body>
javascript :
var sel = document.getElementsByClassName("select");
function getVal()
for (const key in sel)
if (sel.hasOwnProperty(key))
console.log(sel[key].value);
answered Mar 22 at 7:54
Hasta DhanaHasta Dhana
2,2312619
You could get value form all dropdown input by assigning class on each select input, let say you are using select class name.
html :
<body>
<select class="Alder select" name="Alder">
<option id="B">0-12�r</option>
<option id="V">Eldre en 12�r</option>
</select>
<select class="Dager select" name="Dager">
<option id="1">1 Dag</option>
<option id="2">2 Dager</option>
<option id="3">3 Dager</option>
<option id="4">4 Dager</option>
<option id="5">5 Dager</option>
<option id="6">6 Dager</option>
<option id="7">7 Dager</option>
</select>
<button id="prisKnapp" type="button" onclick='getVal()' name="button">Regn ut pris</button>
</body>
javascript :
var sel = document.getElementsByClassName("select");
function getVal()
for (const key in sel)
if (sel.hasOwnProperty(key))
console.log(sel[key].value);
answered Mar 22 at 7:54
Hasta DhanaHasta Dhana
2,2312619
edited Mar 22 at 8:15
answered Mar 22 at 7:54
Hasta DhanaHasta Dhana
2,2312619
answered Mar 22 at 7:54
Hasta DhanaHasta Dhana
2,2312619
answered Mar 22 at 7:54
Hasta DhanaHasta Dhana
2,2312619
2,2312619
add a comment |
add a comment |
Give your options values instead of ids, and you can then use the FormData API to serialize the form as if it were submitted "traditionally" and access the values that would be sent:
document.getElementById("f").addEventListener("submit", (event) =>
event.preventDefault();
const fd = new FormData(event.target);
alert(
'Dager: ' + fd.get('Dager') + 'n' +
'Alder: ' + fd.get('Alder')
);
);<body>
<form id="f">
<select class="Alder" name="Alder">
<option value="B">0-12år</option>
<option value="V">Eldre en 12år</option>
</select>
<select class="Dager" name="Dager">
<option value="1">1 Dag</option>
<option value="2">2 Dager</option>
<option value="3">3 Dager</option>
<option value="4">4 Dager</option>
<option value="5">5 Dager</option>
<option value="6">6 Dager</option>
<option value="7">7 Dager</option>
</select>
<button type="submit" name="button">Regn ut pris</button>
</form>
</body>answered Mar 22 at 8:25
AKXAKX
44.7k45670
add a comment |
Give your options values instead of ids, and you can then use the FormData API to serialize the form as if it were submitted "traditionally" and access the values that would be sent:
document.getElementById("f").addEventListener("submit", (event) =>
event.preventDefault();
const fd = new FormData(event.target);
alert(
'Dager: ' + fd.get('Dager') + 'n' +
'Alder: ' + fd.get('Alder')
);
);<body>
<form id="f">
<select class="Alder" name="Alder">
<option value="B">0-12år</option>
<option value="V">Eldre en 12år</option>
</select>
<select class="Dager" name="Dager">
<option value="1">1 Dag</option>
<option value="2">2 Dager</option>
<option value="3">3 Dager</option>
<option value="4">4 Dager</option>
<option value="5">5 Dager</option>
<option value="6">6 Dager</option>
<option value="7">7 Dager</option>
</select>
<button type="submit" name="button">Regn ut pris</button>
</form>
</body>answered Mar 22 at 8:25
AKXAKX
44.7k45670
add a comment |
Give your options values instead of ids, and you can then use the FormData API to serialize the form as if it were submitted "traditionally" and access the values that would be sent:
document.getElementById("f").addEventListener("submit", (event) =>
event.preventDefault();
const fd = new FormData(event.target);
alert(
'Dager: ' + fd.get('Dager') + 'n' +
'Alder: ' + fd.get('Alder')
);
);<body>
<form id="f">
<select class="Alder" name="Alder">
<option value="B">0-12år</option>
<option value="V">Eldre en 12år</option>
</select>
<select class="Dager" name="Dager">
<option value="1">1 Dag</option>
<option value="2">2 Dager</option>
<option value="3">3 Dager</option>
<option value="4">4 Dager</option>
<option value="5">5 Dager</option>
<option value="6">6 Dager</option>
<option value="7">7 Dager</option>
</select>
<button type="submit" name="button">Regn ut pris</button>
</form>
</body>answered Mar 22 at 8:25
AKXAKX
44.7k45670
Give your options values instead of ids, and you can then use the FormData API to serialize the form as if it were submitted "traditionally" and access the values that would be sent:
document.getElementById("f").addEventListener("submit", (event) =>
event.preventDefault();
const fd = new FormData(event.target);
alert(
'Dager: ' + fd.get('Dager') + 'n' +
'Alder: ' + fd.get('Alder')
);
);<body>
<form id="f">
<select class="Alder" name="Alder">
<option value="B">0-12år</option>
<option value="V">Eldre en 12år</option>
</select>
<select class="Dager" name="Dager">
<option value="1">1 Dag</option>
<option value="2">2 Dager</option>
<option value="3">3 Dager</option>
<option value="4">4 Dager</option>
<option value="5">5 Dager</option>
<option value="6">6 Dager</option>
<option value="7">7 Dager</option>
</select>
<button type="submit" name="button">Regn ut pris</button>
</form>
</body>document.getElementById("f").addEventListener("submit", (event) =>
event.preventDefault();
const fd = new FormData(event.target);
alert(
'Dager: ' + fd.get('Dager') + 'n' +
'Alder: ' + fd.get('Alder')
);
);<body>
<form id="f">
<select class="Alder" name="Alder">
<option value="B">0-12år</option>
<option value="V">Eldre en 12år</option>
</select>
<select class="Dager" name="Dager">
<option value="1">1 Dag</option>
<option value="2">2 Dager</option>
<option value="3">3 Dager</option>
<option value="4">4 Dager</option>
<option value="5">5 Dager</option>
<option value="6">6 Dager</option>
<option value="7">7 Dager</option>
</select>
<button type="submit" name="button">Regn ut pris</button>
</form>
</body>document.getElementById("f").addEventListener("submit", (event) =>
event.preventDefault();
const fd = new FormData(event.target);
alert(
'Dager: ' + fd.get('Dager') + 'n' +
'Alder: ' + fd.get('Alder')
);
);<body>
<form id="f">
<select class="Alder" name="Alder">
<option value="B">0-12år</option>
<option value="V">Eldre en 12år</option>
</select>
<select class="Dager" name="Dager">
<option value="1">1 Dag</option>
<option value="2">2 Dager</option>
<option value="3">3 Dager</option>
<option value="4">4 Dager</option>
<option value="5">5 Dager</option>
<option value="6">6 Dager</option>
<option value="7">7 Dager</option>
</select>
<button type="submit" name="button">Regn ut pris</button>
</form>
</body>answered Mar 22 at 8:25
AKXAKX
44.7k45670
answered Mar 22 at 8:25
AKXAKX
44.7k45670
answered Mar 22 at 8:25
AKXAKX
44.7k45670
answered Mar 22 at 8:25
AKXAKX
44.7k45670
44.7k45670
add a comment |
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55295039%2fhow-to-check-value-of-drop-down-list-without-jquery%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Possible duplicate of Get selected value in dropdown list using JavaScript?
– sertsedat
Mar 22 at 8:23