Semantic UI - Suchauswahl nicht suchend

Question

Wie kann ich die Semantic UI Search Selection durchsuchen?

Ich verwende es derzeit in WordPress, aber nur das Suchfeld und die Optionen werden angezeigt.

jQuery('#search-cursos') 
 
    .dropdown({ 
 
    fullTextSearch: true 
 
    });

<link href="https://cdn.jsdelivr.net/semantic-ui/2.1.8/semantic.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdn.jsdelivr.net/semantic-ui/2.1.8/semantic.min.js"></script> 
 

 
<div class="ui fluid search selection simple dropdown"> 
 
    <input type="hidden" name="country"> 
 
    <i class="dropdown icon"></i> 
 
    <div class="default text">Select Country</div> 
 
    <div class="menu"> 
 
    <div class="item" data-value="ad"><i class="ad flag"></i>Andorra</div> 
 
    <div class="item" data-value="ae"><i class="ae flag"></i>United Arab Emirates</div> 
 
    </div> 
 
</div>

Answer 1

Sie zielen momentan nicht das Drop-down mit Ihrem JS. Entweder die ID zu Ihrem HTML hinzuzufügen oder Ihre jQuery-Selektor ändern:

// Notice the new selector 
 
jQuery('.ui.search.dropdown') 
 
    .dropdown({ 
 
    fullTextSearch: true 
 
    });

<link href="https://cdn.jsdelivr.net/semantic-ui/2.1.8/semantic.min.css" rel="stylesheet" /> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdn.jsdelivr.net/semantic-ui/2.1.8/semantic.min.js"></script> 
 

 
<div class="ui fluid search selection dropdown"> 
 
    <input type="hidden" name="country"> 
 
    <i class="dropdown icon"></i> 
 
    <div class="default text">Select Country</div> 
 
    <div class="menu"> 
 
    <div class="item" data-value="ad"><i class="ad flag"></i>Andorra</div> 
 
    <div class="item" data-value="ae"><i class="ae flag"></i>United Arab Emirates</div> 
 
    </div> 
 
</div>