<html><head><style>body{font-family:Helvetica,Arial;font-size:13px}</style></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;"><div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;">Hey Jesse</div><div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;"><br></div><div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;">The first issue is because the #secondary div isn’t present in the DOM. The best way round this is to use `find` (<a href="https://api.jquery.com/find/">https://api.jquery.com/find/</a>). That way you can do $(some-containing-selector).find(‘#secondary’).hide() or $(some-containing-selector).find(‘#secondary’).show(). <br></div><div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;"><br></div><div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;">As for the second part, yeah, AJAX is your best bet there. You can then render some JSON in your Users#index or Products#index controller and go from there.</div><div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;"><br></div><div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;">Hope this helps!</div><div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;"><br></div><div id="bloop_customfont" style="font-family:Helvetica,Arial;font-size:13px; color: rgba(0,0,0,1.0); margin: 0px; line-height: auto;">Cheers</div> <div id="bloop_sign_1479745996035058944" class="bloop_sign"><span style="font-family:helvetica,arial;font-size:13px"></span>-- <br>Stuart Harrison<br><span>Sent with Airmail</span></div> <br><p class="airmail_on">On 21 November 2016 at 16:23:03, Jesse Waites (<a href="mailto:jesse.waites@gmail.com">jesse.waites@gmail.com</a>) wrote:</p> <blockquote type="cite" class="clean_bq"><span><div><div></div><div>
<title></title>
<div dir="ltr">Hi all,
<div><br></div>
<div>I wanted to run this by you. I have a project wherein I have a
dropdown inside of a modal. Lets say it says "Users" and
"Products". (It is more complex and more than 2 options but this
example gets the point across)</div>
<div><br></div>
<div>If the user selects "Users", I then need another dropdown to
appear below it that contains all of the users, so one can be
selected. If the user selects "Products", that dropdown is
populated with all of the products.</div>
<div><br></div>
<div>In getting this started, I have the secondary dropdown in a
div, lets call it <div id="secondary"></div>
<div><br></div>
<div>If I open the console, I can hide and show it
with $('#secondary).hide();
or $('#secondary').show();</div>
<div>but I can't seem to get it working inline, in a script tag, on
the page. At this point I'm not sure if I need to chase down an
asset pipeline issue, or perhaps it isn't working due to the fact
it is inside a modal and not immediately rendered. I'm kind of
stumped and this is the first time I've done something like
this.</div>
<div><br></div>
<div>After I defeat this issue, I'll need to populate that
dropdown, and I guess I will use AJAX for that? Am open to any
advice or input there as well. I'll basically call Users.all or
Products.all, but I don't want to hit the database for that until
the initial selection takes place... the user might not select
ANYTHING from that first dropdown and so would be wasteful to make
DB calls at that point.</div>
<div><br></div>
<div>Thank you very much for your time and advice,</div>
<div>
<div><br></div>
--<br>
<div class="gmail_signature">
<div dir="ltr">
<div>
<div dir="ltr">
<div>
<div dir="ltr">
<div dir="ltr">
<div>Jesse Waites</div>
<div>Web Developer</div>
<div><a href="http://JesseWaites.com" target="_blank">JesseWaites.com</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
_______________________________________________
<br>Chat mailing list
<br>Chat@lists.lrug.org
<br>Archives: http://lists.lrug.org/pipermail/chat-lrug.org
<br>Manage your subscription: http://lists.lrug.org/options.cgi/chat-lrug.org
<br>List info: http://lists.lrug.org/listinfo.cgi/chat-lrug.org
<br></div></div></span></blockquote></body></html>