JSFiddle - React, Tailwind, and code Playground

by Chris Ziogas

HTML

<!--
    jQuery ticket 14387 -> http://bugs.jquery.com/ticket/14387
    option considered as a hidden element on Chrome
-->
<form id="myForm" name="myForm">
    <input name="r1" value="" />
    <input name="r2" value="" />
    <input name="r3" value="" />
    <input name="r4" value="" />
    <input name="r5" value="" />
    <input name="r6" value="" />
    <input name="r7" value="" />
    <input name="r8" value="" />
    <select name="s1">
        <option value="1">1</option>
        <option value="2" selected="selected">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
    </select>
</form>

JavaScript

var myForm = jQuery('#myForm');

//TEST1:
console.log(myForm.find("option:selected, input").not(':hidden'));
//TEST2:
console.log(myForm.find("option:selected, input:visible"));
//TEST3:
console.log(myForm.find("option:selected:visible, input:visible"));