jQuery on change issue -


hello have following code (html + jquery):

<!doctype html> <html>     <head>         <title></title>         <meta charset="utf-8">         <meta name="viewport" content="width=device-width, initial-scale=1.0">         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>         <script>             $(document).ready(function(){                 $("#btn_csv, #btn_xls").hide();                 $('#filetype').on('change', function() {                     var selecteditem = $('#filetype option:selected').index();                            if(selecteditem === 1){                         $('#btn_xls').hide();                         $('#btn_csv').show();                     }else if(selecteditem === 2){                         $('#btn_xls').show();                         $('#btn_csv').hide();                     }                 });                 $("#selector").on('click', function() {                     $('#filetype').val("csv");                 });             });         </script>     </head>     <body>         <div>             <button id="selector">select csv</button>             <select id="filetype" >                 <option value="default" disabled="disabled" selected="selected">--select option--</option>                 <option value="csv">csv</option>                 <option value="xls">xls</option>             </select>             <button id="btn_csv">csv</button>             <button id="btn_xls">xls</button>         </div>     </body> </html>

if select "csv" dropdown button labeled "csv" apear, on('change') jquery event works, if click on select csv button after page loaded csv option in dropdown selected csv button not apear. how can make on(change) event work dropdown on "select csv" button click too?

thanks.

it's quite simple — trigger change event manually after have set value, i.e.:

$('#filetype').val("csv").trigger("change");

the reason why change event not fire when manipulate value .val() because event triggered user interaction — not programatically. therefore, value change js not recognized change event (in other words, change event not fired). necessites using .trigger() fire event manually ;)

see working snippet below:

$(document).ready(function() {    $("#btn_csv, #btn_xls").hide();    $('#filetype').on('change', function() {      var selecteditem = $('#filetype option:selected').index();      if (selecteditem === 1) {        $('#btn_xls').hide();        $('#btn_csv').show();      } else if (selecteditem === 2) {        $('#btn_xls').show();        $('#btn_csv').hide();      }    });    $("#selector").on('click', function() {      $('#filetype').val("csv").trigger("change");    });  });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>  <div>    <button id="selector">select csv</button>    <select id="filetype">      <option value="default" disabled="disabled" selected="selected">--select option--</option>      <option value="csv">csv</option>      <option value="xls">xls</option>    </select>    <button id="btn_csv">csv</button>    <button id="btn_xls">xls</button>  </div>


Comments

Post a Comment

Popular posts from this blog

cakephp - simple blog with croogo -

i not problem, made simple blog in croogo, problem is not adding or modifying or delete, because arabic language ?? function add in controller `public function admin_add() { $this->set('title_for_layout', __('add part')); if (!empty($this->request->data)) { $this->part->create(); if ($this->part->save($this->request->data)) { $this->session->setflash(__('the part has been saved'), 'default', array('class' => 'success')); $this->redirect(array('action' => 'index'));//, $this->part->id)); } else { $this->session->setflash(__('the part not saved. please, try again.'), 'default', array('class' => 'error')); } } }` => model `class part extends appmodel { public $name = 'part'; var $belongst...
Read more

How to group boxplot outliers in gnuplot -

i have large set of data points. try plot them boxplot, of outliers exact same value , represented on line beside each other. found how set horizontal distance between outliers in gnuplot boxplot , doesn't much, apparently not possible. is possible group outliers together, print 1 point , print number in brackets beside indicate how many points there are? think make more readable in graph. for information, have 3 boxplots 1 x value , times 6 in 1 graph. using gnuplot 5 , played around pointsize, doesn't reduce distance anymore. hope can help! edit: set terminal pdf set output 'dat.pdf' file0 = 'dat1.dat' file1 = 'dat2.dat' file2 = 'dat3.dat' set pointsize 0.2 set notitle set xlabel 'x' set ylabel 'y' header = system('head -1 '.file0); n = words(header) set xtics ('' 1) set [i=1:n] xtics add (word(header, i) i) set style data boxplot plot file0 using (1-0.25):1:(0.2) boxplot lw 2 lc rgb '#8b0000...
Read more

bash - Performing variable substitution in a string -

i have string contains use of variable, , i'd substitute variable's value string. right best have is #!/bin/bash foo='$name; echo bar' name="the name" expanded="$(eval echo "$foo")" echo "$expanded" which has obvious defects: prints the name bar while i'd print the name; echo bar instead of eval can bash's regex matching bash's string replacement: foo='$name; echo bar' name="the name" [[ "$foo" =~ \$([[:alnum:]]+) ]] && s="${!bash_rematch[1]}" && expanded="${foo/\$${bash_rematch[1]}/$s}" echo "$expanded" name; echo bar
Read more