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













0












$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()
);









share|improve this question









New contributor




Ze'ev is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.







$endgroup$
















    0












    $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()
    );









    share|improve this question









    New contributor




    Ze'ev is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
    Check out our Code of Conduct.







    $endgroup$














      0












      0








      0





      $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()
      );









      share|improve this question









      New contributor




      Ze'ev is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.







      $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






      share|improve this question









      New contributor




      Ze'ev is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.











      share|improve this question









      New contributor




      Ze'ev is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      share|improve this question




      share|improve this question








      edited 2 mins ago









      Jamal

      30.4k11121227




      30.4k11121227






      New contributor




      Ze'ev is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.









      asked 11 hours ago









      Ze'evZe'ev

      1011




      1011




      New contributor




      Ze'ev is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.





      New contributor





      Ze'ev is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.






      Ze'ev is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
      Check out our Code of Conduct.




















          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.









          draft saved

          draft discarded


















          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.









          draft saved

          draft discarded


















          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.




          draft saved


          draft discarded














          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





















































          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







          Popular posts from this blog

          Why is a white electrical wire connected to 2 black wires?How to wire a light fixture with 3 white wires in box?How should I wire a ceiling fan when there's only three wires in the box?Two white, two black, two ground, and red wire in ceiling box connected to switchWhy is there a white wire connected to multiple black wires in my light box?How to wire a light with two white wires and one black wireReplace light switch connected to a power outlet with dimmer - two black wires to one black and redHow to wire a light with multiple black/white/green wires from the ceiling?Ceiling box has 2 black and white wires but fan/ light only has 1 of eachWhy neutral wire connected to load wire?Switch with 2 black, 2 white, 2 ground and 1 red wire connected to ceiling light and a receptacle?

          कुँवर स्रोत दिक्चालन सूची"कुँवर""राणा कुँवरके वंशावली"

          सि.चक भराडी, कोश्याँकुटोली तहसील इन्हें भी देखें बाहरी कड़ियाँ दिक्चालन सूची(निर्देशांक ढूँढें)www.uttara.gov.inउत्तराखण्ड - भारत सरकार के आधिकारिक पोर्टल परउत्तराखण्ड सरकार का आधिकारिक जालपृष्ठउत्तराखण्डउत्तरा कृषि प्रभासंबढ़ाने मेंसं