语义ui中的下拉控件

Question

I need some help using the dropdown control in semantic. Te multiple selection is not working as expected. Here is the code:

                  <div class="ui fluid multiple search selection dropdown">
                <input name="tag" type="hidden">
                <i class="dropdown icon"></i>
                <div class="default text">Tags</div>
                <div class="menu">
                  <div class="item" data-value="angular">Angular</div>
                    <div class="item" data-value="css">CSS</div>
                    <div class="item" data-value="design">Graphic Design</div>
                    <div class="item" data-value="ember">Ember</div>
                </div>
              </div>

and the script code

$('.tag .ui.dropdown').dropdown({allowAdditions: true});

A single select is the one thats works.

Thanks in advance :)

Answer 1

You should be using semantic-ui 2. Which version are you using?

See new UI elements here: https://github.com/Semantic-Org/Semantic-UI/blob/master/RELEASE-NOTES.md#version-200---june-30-2015

Here you have your exact code running on plunker with version 2.0.8: http://plnkr.co/edit/TPaqyX8f46H2K4eu59yp?p=preview

//Same code as in the question
       <div class="ui fluid multiple search selection dropdown">
            <input name="tags" type="hidden">
            <i class="dropdown icon"></i>
            <div class="default text">Tags</div>
            <div class="menu">
              <div class="item" data-value="angular">Angular</div>
                <div class="item" data-value="css">CSS</div>
                <div class="item" data-value="design">Graphic Design</div>
                <div class="item" data-value="ember">Ember</div>
            </div>
          </div>