typescript - The popup values are not displayed? How to resolve it? -


i working in asp.net core. , using typescript. using select2 option. values not displayed ie)the popup not displayed.

html:- 

 <select class="js-example-basic-multiple js-states form-control select2-hidden-accessible" multiple="" tabindex="-1" aria-hidden="true">             <optgroup label="alaskan/hawaiian time zone">                 <option value="ak">alaska</option>                 <option value="hi">hawaii</option>             </optgroup>             <optgroup label="pacific time zone">                 <option value="ca">california</option>                 <option value="nv">nevada</option>                 <option value="or">oregon</option>                 <option value="wa">washington</option>             </optgroup>             <optgroup label="mountain time zone">                 <option value="az">arizona</option>                 <option value="co">colorado</option>                 <option value="id">idaho</option>                 <option value="mt">montana</option>                 <option value="ne">nebraska</option>                 <option value="nm">new mexico</option>                 <option value="nd">north dakota</option>                 <option value="ut">utah</option>                 <option value="wy">wyoming</option>             </optgroup>         </select>         <span class="select2 select2-container select2-container--default select2-container--below select2-container--focus" dir="ltr" style="width: 100%;">         <span class="selection">             <span class="select2-selection select2-selection--multiple" role="combobox" aria-haspopup="true" aria-expanded="false" tabindex="-1">             <ul class="select2-selection__rendered"><li class="select2-search select2-search--inline">                 <input class="select2-search__field" type="search" tabindex="0" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" role="textbox" aria-autocomplete="list" placeholder="" style="width: 0.75em;"></li></ul></span></span>         <span class="dropdown-wrapper" aria-hidden="true"></span></span>

script:-

<script type="text/javascript"> $(".js-example-basic-multiple").select2(); </script>

style:

 <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" />

script:-

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script>

this code. can suggest mistakes have done?

is there example (complete code) select2?

how make example work:

  1. you don't need use

    <span class="select2 select2-container select2-container--default select2-container--below select2-container--focus" dir="ltr" style="width: 100%;"> ... </span>

because auto-generated select2().

  1. you should put select2 in $(document).ready below

    <script type="text/javascript"> $(document).ready(function() { $(".js-example-basic-multiple").select2(); }); </script>

you can see working jsfiddle here. tested in asp.net core project , worked also.

also can use useful properties forselect2 below:

$(document).ready(function () {     $(".js-example-basic-multiple").select2(         {             width: "300px", //can set width parameter             maximumselectionlength: 3, //can selet maximum 3 items             placeholder: "select state"         }     ); });

Comments

Post a Comment

Popular posts from this blog

python - Operations inside variables -

this question has answer here: evaluating mathematical expression in string 12 answers i want make python script finds maximum possible output using 2 operations. problem says there syntax error @ 2nd last line, in b in there. how can fix it? x = 0 = int(input("1st number:")) c = int(input("2nd number:" )) e = int(input("3rd number:" )) in range(4): if == 0: b = "+" elif == 1: b = "-" elif == 2: b = "/" else: b = "*" j in range(4): if j == 0: d = "+" elif j == 1: d = "-" elif j == 2: d = "/" else: d = "*" k = b c d e print(k) if you're after variables e on single line, couldn...
Read more

Generic Map Parameter java -

i having lot of methods of type: public static list<eduusers> getdetails(class c, map<string, integer> params) { list<eduusers> details = null; session session = hibernateutil.getsessionfactory().opensession(); transaction tx = null; try { tx = session.begintransaction(); criteria cr = session.createcriteria(c); (map.entry<string, integer> entry : params.entryset()) { cr.add(restrictions.eq(entry.getkey(), entry.getvalue())); } details = cr.list(); tx.commit(); } catch (exception asd) { log.debug(asd.getmessage()); if (tx != null) { tx.commit(); } } { session.close(); } return details; } i trying have generic method them , have written far: public static <t> list<t> getdetails(class<t> c, class<t> b) { l...
Read more

arrays - What causes a java.lang.ArrayIndexOutOfBoundsException and how do I prevent it? -

what arrayindexoutofboundsexception mean , how rid of it? here code sample triggers exception: string[] name = {"tom", "dick", "harry"}; for(int = 0; i<=name.length; i++) { system.out.print(name[i] +'\n'); } your first port of call should documentation explains reasonably clearly: thrown indicate array has been accessed illegal index. index either negative or greater or equal size of array. so example: int[] array = new int[5]; int boom = array[10]; // throws exception as how avoid it... um, don't that. careful array indexes. one problem people run thinking arrays 1-indexed, e.g. int[] array = new int[5]; // ... populate array here ... (int index = 1; index <= array.length; index++) { system.out.println(array[index]); } that miss out first element (index 0) , throw exception when index 5. valid indexes here 0-4 inclusive. correct, idiomatic for statement here be: for (int index = 0; index <...
Read more