<div>
<div class="content wysiwyg-content">
I used this to set focus to first element in a dropdown <br />
<br />

<pre><code id="code-10-28993890-1">$(&quot;#newSplitTrader&quot;).val($(&quot;#newSplitTrader option:first&quot;).val());</code></pre>
<br />
<b>But I want to change it to set focus to first element that doesn't have display:none? </b><br />
<br />
The ddl looks like this. See the first element has &quot;display:none&quot;. I want to set it to second one, in this case. So, first one that doesn't have &quot;display:none&quot;. It should be Jane, III in this case<br />
<br />

<pre><code id="code-10-28993890-2">&lt;select class=&quot;k-header k-dropdown ddl-enum&quot; id=&quot;newSplitTrader&quot; name=&quot;newSplitTrader&quot; tabindex=&quot;0&quot;&gt;
&lt;option value=&quot;1&quot; style=&quot;display: none;&quot;&gt;Bob Jaco&lt;/option&gt;
&lt;option value=&quot;2&quot;&gt;Jane, III&lt;/option&gt;
&lt;option value=&quot;3&quot; style=&quot;display: none;&quot;&gt;Joe xxx&lt;/option&gt;
&lt;option value=&quot;4&quot;&gt;Rod Jxxx&lt;/option&gt;
&lt;option value=&quot;5&quot;&gt;Bria xxx&lt;/option&gt;
&lt;option value=&quot;6&quot;&gt;Jeff  xxx&lt;/option&gt;
&lt;option value=&quot;13&quot;&gt;Inactive&lt;/option&gt;
&lt;option value=&quot;14&quot; style=&quot;display: block;&quot;&gt;RAF&lt;/option&gt;
&lt;option value=&quot;15&quot;&gt;GS&lt;/option&gt;
&lt;/select&gt;</code></pre>
</div>
</div>


I used this to set focus to first element in a dropdown 

(CODE)

But I want to change it to set focus to first element that doesn't have display:none? 

The ddl looks like this. See the first element has "display:none". I want to set it to second one, in this case. So, first one that doesn't have "display:none". It should be Jane, III in this case

(CODE)

jQuery - how can I set focus to first valid element in dropdown?

jQuery (Core) is a cross-browser JavaScript library that provides abstractions for common client-side tasks such as Document Object Model (DOM) traversal, DOM manipulation, event handling, animation and Ajax. jQuery also provides a platform to create plugins that extend jQuery's capabilities beyond those already provided by the library.

jQuery

JavaScript is a dynamic, object-based language commonly used for client-side scripting in web browsers. Recently, server side JavaScript frameworks have also emerged. JavaScript runs on nearly every operating system and  in almost every mainstream web browser.