Note that there are some explanatory texts on larger screens.

plurals
  1. POdynamic dropdown list ( select boxes )
    primarykey
    data
    text
    <p>Here is the issue.</p> <p>I have a select dropdown list.</p> <pre><code> &lt;select name="listingtype" id="speedD" style="width:210px;"&gt; &lt;option&gt;For Sale&lt;/option&gt; &lt;option&gt;For Rent&lt;/option&gt; &lt;/select&gt; </code></pre> <p>And another select drop down list where the prices appear , which on page load it is empty..</p> <p>So if user clicks For Sale: then the other select drop down list, loads price list like so:</p> <pre><code> &lt;select name="valueA" id="speedF" style="width:200px;"&gt; &lt;option value="Any" selected="selected"&gt;Any&lt;/option&gt; &lt;option value="50000"&gt;$50,000&lt;/option&gt; &lt;option value="100000"&gt;$100,000&lt;/option&gt; &lt;option value="150000"&gt;$150,000&lt;/option&gt; &lt;option value="200000"&gt;$200,000&lt;/option&gt; &lt;option value="250000"&gt;$250,000&lt;/option&gt; </code></pre> <p></p> <p>And if they choose For Rent. Select drop down is propagated like so:</p> <pre><code>&lt;select name="valueA" id="speedF" style="width:200px;"&gt; &lt;option value="Any" selected="selected"&gt;Any&lt;/option&gt; &lt;option value="100"&gt;$100&lt;/option&gt; &lt;option value="150"&gt;$150&lt;/option&gt; &lt;option value="200"&gt;$200&lt;/option&gt; &lt;option value="250"&gt;$250&lt;/option&gt; &lt;option value="300"&gt;$300&lt;/option&gt; &lt;/select&gt; </code></pre> <p>I need this code to be client side, no need for server side. And just wanted to know what the cleanest method for doing this is.</p> <p>Cheers.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload