Note that there are some explanatory texts on larger screens.

plurals
  1. POLoading Chosen.jquery.js file in html file does not work
    primarykey
    data
    text
    <p>I am trying to load chosen.jquery.js file in my html/css file to achieve searchable dropdown but it doesnt seem to work. I downloaded the chosen.js plugin from <a href="http://harvesthq.github.io/chosen/" rel="nofollow">http://harvesthq.github.io/chosen/</a>. After downloading the plugin I copied the chosen files(js and css) to the /includes folder for my tool. </p> <p>This is what I have tried till now:</p> <pre><code>&lt;script src="../includes/chosen.jquery.js"&gt;&lt;/script&gt; &lt;script src="../includes/chosen.jquery.min.js"&gt;&lt;/script&gt; &lt;script src="../includes/chosen.proto.js"&gt;&lt;/script&gt; &lt;link rel="stylesheet" href="../includes/chosen.css" /&gt; &lt;link rel="stylesheet" href="../includes/chosen.min.css" /&gt; &lt;div class="searchform"&gt; &lt;form class="pure-form" action="searchresults.php" method="post"&gt; &lt;fieldset&gt; &lt;div class="searchfilters"&gt; &lt;label&gt;Search Filters: &lt;/label&gt; &lt;div class="search_boxes"&gt; &lt;select class="chosen-select" style="width:350px;" onchange="this.form.submit()"&gt; &lt;!--&lt;option selected="selected"&gt;Search Project/Initiative...&lt;/option&gt;--&gt; &lt;?php include "../includes/search_dropdown.php"; foreach($proj_ini_Array as $qa){ echo "&lt;option value = \"$qa\"&gt;$qa&lt;/option&gt;"; } ?&gt; </code></pre> <p>In the select box I have "chosen-select". At multiple places the class has been declared as only "chosen" or "chzn-select". Which one is the appropriate one? Also, I am not sure what are the .min files for?</p> <p>What am I missing over here?</p> <p>Thanks in advance. </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.
    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