How to get value of dropdown menu in semantic ui?

Question

I have this code but I don't know how to get selected value.Where should i give id value for this list?

<div class="ui compact menu">
    <div class="ui simple dropdown item">Question
        <i class="dropdown icon"></i>
        <div id="question" class="menu">
            <div id="type" class="item" data-value="mcsc">Multiple Choice Single Correct</div>
            <div id="type" class="item" data-value="mcmc">Multiple Choice Multiple Correct</div>
            <div id="type" class="item" data-value="numerical">Numerical</div>
        </div>
    </div>
</div>

score 29 · Answer 1 · edited Apr 08 '19 at 18:42

29

You must use something like this:

$('#idDropDown').dropdown('get value');

I hope that helps you.

Docs for this can be found in last table here: https://semantic-ui.com/modules/dropdown.html#/usage

edited Apr 08 '19 at 18:42

allenski

1,652
4
23
39

answered Jun 02 '16 at 17:23

Nicolasie

301
2
7

@nicolasie how do I get this information by documentation I am new to web development, any help would be very much appreciated – Meghs Dhameliya Feb 02 '18 at 01:52

score 2 · Answer 2 · edited Sep 11 '17 at 15:13

2

$('#DropDownID').find(":selected").val();

edited Sep 11 '17 at 15:13

Snow

1,058
2
19
47

answered Sep 15 '16 at 00:37

user3562417

256
2
4

score 1 · Answer 3 · edited Jan 31 '19 at 06:28

1

I've search for the best this one is little bit better than other functions. It 100% works in proper use.

$('#dropdown-id').dropdown('setting', 'onChange', function(){

});

edited Jan 31 '19 at 06:28

Partho63

3,117
2
21
39

answered Jan 31 '19 at 05:15

Musa Toktaş

59
1
6

How to get value of dropdown menu in semantic ui?

3 Answers3

Linked