javascript - If a Select All option is Checked then display a div using bootstrap multiselect -


after selecting "select all" option in drop down list,i'll click on generate graph button.then want display chart containing of options in drop down list in particular div using bootstrap multi-select.

my code:

<html xmlns="http://www.w3.org/1999/xhtml"> <head>   <title>jquery multi select dropdown checkboxes</title>   <link rel="stylesheet" href="css/bootstrap-3.1.1.min.css" type="text/css" />   <link rel="stylesheet" href="css/bootstrap-multiselect.css" type="text/css" />   <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>   <script type="text/javascript" src="js/bootstrap-2.3.2.min.js"></script>   <script type="text/javascript" src="js/bootstrap-multiselect.js"></script>   <script src="https://cdnjs.cloudflare.com/ajax/libs/d3/3.5.5/d3.min.js"></script> </head> <body> <div id="pidiv"></div> <div id="alldiv"></div> <form id="form1">   <div style="padding:20px">     <label>select country</label>     <select id="selectid" multiple="multiple">       <option value="india">india</option>       <option value="japan">japan</option>       <option value="germany">germany</option>       <option value="nepal">nepal</option>       <option value="iraq">iraq</option>       <option value="china">china</option>     </select><br /><br />     <input type="button" id="btnget" value="get selected values" />     <script type="text/javascript">       $(function() {         $('#selectid').multiselect({           includeselectalloption: true         });         $('#btnget').click(function() {           alert($('#selectid').val());           if($('#selectid').val() == "india"){             $("#pidiv").load("/home/divya/html_docs/pi.html");           }         })       });     </script>   </div> </form> </body> </html>

i'm able select 1 option , display corresponding chart.but select option,i'm not getting how display div after clicking on generate graph button.can please suggest me on issue ...

try option. change html below , replace url in data-url

<select id="selectid" multiple="multiple">     <option value="india" data-url="<!-- url -->">india</option>     <option value="japan" data-url="<!-- url -->">japan</option>     <option value="germany" data-url="<!-- url -->">germany</option>     <option value="nepal" data-url="<!-- url -->">nepal</option>     <option value="iraq" data-url="<!-- url -->">iraq</option>     <option value="china" data-url="<!-- url -->">china</option> </select>

jquery code

$('#btnget').click(function() {     $("#pidiv").empty();     $('#selectid option:selected').each(function(index,elem){         if(typeof $(elem).data('url') != "undefined"){             $.get( $(elem).data('url'), function( data ) {                 $("#pidiv").append(data);             });         }     }); })

-

Comments

Post a Comment

Popular posts from this blog

java - UnknownEntityTypeException: Unable to locate persister (Hibernate 5.0) -

Image
in code below when try execute main.java getting exception: exception in thread "main" org.hibernate.unknownentitytypeexception: unable locate persister: com.np.vta.test.pojo.users @ org.hibernate.internal.sessionfactoryimpl.locateentitypersister(sessionfactoryimpl.java:792) @ org.hibernate.internal.sessionimpl.locateentitypersister(sessionimpl.java:2637) @ org.hibernate.internal.sessionimpl.access$2500(sessionimpl.java:164) @ org.hibernate.internal.sessionimpl$identifierloadaccessimpl.<init>(sessionimpl.java:2575) @ org.hibernate.internal.sessionimpl$identifierloadaccessimpl.<init>(sessionimpl.java:2562) @ org.hibernate.internal.sessionimpl.byid(sessionimpl.java:1044) @ org.hibernate.internal.sessionimpl.get(sessionimpl.java:955) @ com.app.test.main.main(main.java:20) but if uncomment cfg.addclass( users.class ).addresource( "com/np/vta/test/pojo/users.hbm.xml" ); code works fine. why not reading <mapping...
Read more

python - ValueError: empty vocabulary; perhaps the documents only contain stop words -

i'm using (for first time) scikit library , got error: valueerror: empty vocabulary; perhaps documents contain stop words file "c:\users\a605563\desktop\velibprojetpreso\traitementtwitterdico.py", line 33, in <module> x_train_counts = count_vect.fit_transform(filetweets) file "c:\python27\lib\site-packages\sklearn\feature_extraction\text.py", line 804, in fit_transform self.fixed_vocabulary_) file "c:\python27\lib\site-packages\sklearn\feature_extraction\text.py", line 751, in _count_vocab raise valueerror("empty vocabulary; perhaps documents contain stop words but don't understand why that's happening. import sklearn sklearn.feature_extraction.text import countvectorizer import pandas pd import numpy import unicodedata import nltk tweetsfile = open('tweets2015-08-13.csv', 'r+') f2 = open('analyzer.txt', 'a') print tweetsfile.readline() count_vect = countvectorizer(strip_accents='ascii...
Read more

ubuntu - collect2: fatal error: ld terminated with signal 9 [Killed] -

Image
i'm trying build precimonious on ubuntu 16.04.3 x64. allocated 1gb memory it. file structure looks like ~ |--- llvm/ |--- precimonious/ where llvm on version 3.0 mentioned @ https://github.com/corvette-berkeley/precimonious#requirement . followed steps on readme command make ended with ... llvm[1]: linking debug shared library libllvm-3.0.so collect2: fatal error: ld terminated signal 9 [killed] compilation terminated. ... i went through answers online , might because there's not enough memory perform link. memory usage the gcc version on machine gcc version 5.4.0 20160609 (ubuntu 5.4.0-6ubuntu1~16.04.4) , installed via apt-get install build-essential . fresh droplet created on digitalocean btw. appreciated. it memory exhaustion. sampling interval memory measurement not small enough covers exact point oom killer kicks in. depending on container/vm technology, may able set vm.overcommit_memory=2 before build, process not killed (but doing requires m...
Read more