セマンティックUI - 検索選択非検索

Question

セマンティックUI検索選択を検索するにはどうすればよいですか？

私は現在ワードプレス内で使用していますが、検索フィールドとオプションのみが表示されています。

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

現在、あなたのJSでドロップダウンをターゲットにされていません。あなたのHTMLにIDを追加したり、jQueryのセレクタを変更する次のいずれか

// 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>