jQuery changing SELECT not working properly -


(using jquery mobile) have reset button needs reset of dropdown boxes selectedindex equal 0. believe index zero, value shown on select box not correct. keeps same value.

heres jsfiddle

for example: select 'unit2' , click reset. click ok. value shown on select box 'unit2' whereas should '--units--'

html

<div data-role="fieldcontain" class='seltype' id='xmep' >   <select id="dmep" data-mini='true'>     <option value="0">--units--</option>     <option value='1'>unit1</option>     <option value='0.01'>unit2</option>     <option value='10'>unit3</option>   </select> </div> 

.

.

jquery

$(document).ready(function() {   $('#rstbtn').click(function() {      var answer = confirm('click ok set selectindex equal 0');          if (answer == false) {             return;         } else {             $('select').prop('selectedindex', 0);         }   });  }); 

you need refresh select menu using .selectmenu('refresh',true).

demo

$(document).ready(function() {   $('#rstbtn').on('click', function() {      if (confirm('click ok set selectindex equal 0')) {          $('#dmep').val(0).selectmenu('refresh',true);       }   }); }); 

this more precise

  $('#dmep').find('option[value="0"]')   .prop('selected', true).addback()    .selectmenu('refresh', true); 

or

   $('#dmep').prop('selectedindex', 0)    .selectmenu('refresh', true); 

Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

c++ - qgraphicsview horizontal scrolling always has a vertical delta -