Note that there are some explanatory texts on larger screens.

plurals
  1. POSort dropdown list
    primarykey
    data
    text
    <p>I am trying to sort a dropdownlist (selector) in html.</p> <p>I have two lists, a pre-selection which then should be used to define the content of the secont list.</p> <p>A short code sample:</p> <pre><code>&lt;!doctype html&gt; &lt;html class=""&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;/head&gt; &lt;body&gt; &lt;table width=100% border="0"&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;Product&lt;/td&gt; &lt;td&gt;&lt;select name="product" id="product" width="300" style="width: 300px"&gt; &lt;option&gt;&lt;/option&gt; &lt;option id="TLX"&gt;TLX&lt;/option&gt; &lt;option id="FLX"&gt;FLX&lt;/option&gt; &lt;option id="MLX"&gt;MLX&lt;/option&gt; &lt;/select&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;Power&lt;/td&gt; &lt;td&gt;&lt;select name="power" id="power" width="300" style="width: 300px"&gt; &lt;option&gt;&lt;/option&gt; &lt;option name="TLX"&gt;6&lt;/option&gt; &lt;option name="TLX"&gt;8&lt;/option&gt; &lt;option name="TLX"&gt;10&lt;/option&gt; &lt;option name="TLX"&gt;12&lt;/option&gt; &lt;option name="TLX"&gt;15&lt;/option&gt; &lt;option name="FLX"&gt;6&lt;/option&gt; &lt;option name="FLX"&gt;8&lt;/option&gt; &lt;option name="FLX"&gt;10&lt;/option&gt; &lt;option name="FLX"&gt;12&lt;/option&gt; &lt;option name="FLX"&gt;15&lt;/option&gt; &lt;option name="FLX"&gt;17&lt;/option&gt; &lt;option name="MLX"&gt;30&lt;/option&gt; &lt;option name="MLX"&gt;40&lt;/option&gt; &lt;option name="MLX"&gt;60&lt;/option&gt; &lt;/select&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>I want to b able to select the product and then must the power list be sortet accordingly.</p> <p>For instance if TLX is choosen then only 6, 8, 10, 12, and 15 are shown as possibilities in the second list.</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.
 

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