Switching to next select field by class of parentForm field handlingMaintain sync of select listSwitching tabs, with previous/next arrows, using jQuerySelect validationDetail view, edit field: create input, buttonsMaking text field taggableShow/hide text field depending on select optionVote-switching optimizationSwitching view typesSoccer field map creator
How to write Quadratic equation with negative coefficient
Difference between shutdown options
Has the laser at Magurele, Romania reached a tenth of the Sun's power?
How do I tell my boss that I'm quitting in 15 days (a colleague left this week)
How to get directions in deep space?
Giving feedback to someone without sounding prejudiced
Identifying "long and narrow" polygons in with PostGIS
Storage of electrolytic capacitors - how long?
What is the smallest number n> 5 so that 5 ^ n ends with "3125"?
Why is the sun approximated as a black body at ~ 5800 K?
Sigmoid with a slope but no asymptotes?
How to make money from a browser who sees 5 seconds into the future of any web page?
Can I run 125kHz RF circuit on a breadboard?
What should be the ideal length of sentences in a blog post for ease of reading?
Alignment of six matrices
Overlapping circles covering polygon
How much do grades matter for a future academia position?
Typing CO_2 easily
Is there a distance limit for minecart tracks?
Why does the Persian emissary display a string of crowned skulls?
Why do Radio Buttons not fill the entire outer circle?
Check if object is null and return null
How to preserve electronics (computers, iPads and phones) for hundreds of years
Why didn’t Eve recognize the little cockroach as a living organism?
Switching to next select field by class of parent
Form field handlingMaintain sync of select listSwitching tabs, with previous/next arrows, using jQuerySelect validationDetail view, edit field: create input, buttonsMaking text field taggableShow/hide text field depending on select optionVote-switching optimizationSwitching view typesSoccer field map creator
$begingroup$
This emulates behavior of tab and shifttab with → and ←.
I.e., switch focus to the next/previous select
field with parent class .tab
(which are not siblings in the DOM.)
It works, but is there any way to make it more elegant? Especially the if
/then
and the limit to range. I'm fairly new to JavaScript.
$(document).on('keydown', '.tab select', function (e)
let tabs = $(".tab select"); //get all tabs
let tab = tabs.index($($(document.activeElement))); //focused tab
if (e.which == 37) //left arrow
tab -= 1;
else
if (e.which == 39) //right arrow
tab += 1;
;
tab = Math.min(tabs.length, Math.max(tab, 0)); //stay in range
tabs.eq(tab).focus()
);
javascript jquery
New contributor
$endgroup$
add a comment |
$begingroup$
This emulates behavior of tab and shifttab with → and ←.
I.e., switch focus to the next/previous select
field with parent class .tab
(which are not siblings in the DOM.)
It works, but is there any way to make it more elegant? Especially the if
/then
and the limit to range. I'm fairly new to JavaScript.
$(document).on('keydown', '.tab select', function (e)
let tabs = $(".tab select"); //get all tabs
let tab = tabs.index($($(document.activeElement))); //focused tab
if (e.which == 37) //left arrow
tab -= 1;
else
if (e.which == 39) //right arrow
tab += 1;
;
tab = Math.min(tabs.length, Math.max(tab, 0)); //stay in range
tabs.eq(tab).focus()
);
javascript jquery
New contributor
$endgroup$
add a comment |
$begingroup$
This emulates behavior of tab and shifttab with → and ←.
I.e., switch focus to the next/previous select
field with parent class .tab
(which are not siblings in the DOM.)
It works, but is there any way to make it more elegant? Especially the if
/then
and the limit to range. I'm fairly new to JavaScript.
$(document).on('keydown', '.tab select', function (e)
let tabs = $(".tab select"); //get all tabs
let tab = tabs.index($($(document.activeElement))); //focused tab
if (e.which == 37) //left arrow
tab -= 1;
else
if (e.which == 39) //right arrow
tab += 1;
;
tab = Math.min(tabs.length, Math.max(tab, 0)); //stay in range
tabs.eq(tab).focus()
);
javascript jquery
New contributor
$endgroup$
This emulates behavior of tab and shifttab with → and ←.
I.e., switch focus to the next/previous select
field with parent class .tab
(which are not siblings in the DOM.)
It works, but is there any way to make it more elegant? Especially the if
/then
and the limit to range. I'm fairly new to JavaScript.
$(document).on('keydown', '.tab select', function (e)
let tabs = $(".tab select"); //get all tabs
let tab = tabs.index($($(document.activeElement))); //focused tab
if (e.which == 37) //left arrow
tab -= 1;
else
if (e.which == 39) //right arrow
tab += 1;
;
tab = Math.min(tabs.length, Math.max(tab, 0)); //stay in range
tabs.eq(tab).focus()
);
javascript jquery
javascript jquery
New contributor
New contributor
edited 2 mins ago
Jamal♦
30.4k11121227
30.4k11121227
New contributor
asked 11 hours ago
Ze'evZe'ev
1011
1011
New contributor
New contributor
add a comment |
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
return StackExchange.using("mathjaxEditing", function ()
StackExchange.MarkdownEditor.creationCallbacks.add(function (editor, postfix)
StackExchange.mathjaxEditing.prepareWmdForMathJax(editor, postfix, [["\$", "\$"]]);
);
);
, "mathjax-editing");
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: "196"
;
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: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
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
);
);
Ze'ev is a new contributor. Be nice, and check out our Code of Conduct.
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%2fcodereview.stackexchange.com%2fquestions%2f215840%2fswitching-to-next-select-field-by-class-of-parent%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Ze'ev is a new contributor. Be nice, and check out our Code of Conduct.
Ze'ev is a new contributor. Be nice, and check out our Code of Conduct.
Ze'ev is a new contributor. Be nice, and check out our Code of Conduct.
Ze'ev is a new contributor. Be nice, and check out our Code of Conduct.
Thanks for contributing an answer to Code Review Stack Exchange!
- 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.
Use MathJax to format equations. MathJax reference.
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%2fcodereview.stackexchange.com%2fquestions%2f215840%2fswitching-to-next-select-field-by-class-of-parent%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