jquery ui selectmenu, regarding changing selected items -
jquery ui selectmenu, regarding changing selected items -
i'm trying implement currencty converter succeeded i'm implementing button alter selected alternative between 2 selected menus means if in first menu have usd selected , in sec menu have gbp selected when pressing button, want in first menu have gbp selected , in sec menu usd selected. have manage alter selected alternative on both menus, doesn't display in menu itself. have forgot ?
$(function(){ $('a#switchbutton').click(function(){ var $sel1 = $('#fromcurrency'); var val1 = $sel1.val(); var $sel2 = $('#tocurrency'); var val2 = $sel2.val(); $sel1.find("option[value='"+val1+"']").attr("selected",false); $sel1.find("option[value='"+val2+"']").attr("selected",true); $sel2.find("option[value='"+val2+"']").attr("selected",false); $sel2.find("option[value='"+val1+"']").attr("selected",true); }); });
here screen shot, when pressing on icon in middle, nil changes here, in code itself. if press icon, want usd appear in "from" , inr in "to".
jsfiddle.net example
turns out selectmenu() function has it's own ways of changing values. check out working version here: http://jsfiddle.net/atr6d/55/
$('#switchbutton').click(function(){ var sel1 = $('#fromcurrency').selectmenu("value"); var sel2 = $('#tocurrency').selectmenu("value"); $('#fromcurrency').selectmenu("value", sel2); $('#tocurrency').selectmenu("value", sel1); });
it looks it's making representation of select list in <span>
tags why can't alter original select list.
jquery jquery-ui select-menu
Comments
Post a Comment