abc <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <link rel="stylesheet" href="/resources/demos/style.css"> <style> select { width: 200px; } </style> <form action="#"> <select name="groupid" id="groupid"> <option value="0">a</option> <option value="1">b</option> <option value="2">c</option> </select> </form> <script> $(function() { $('#groupid').selectmenu({ change: function() { var t1=$( "#groupid option:selected" ).text(); var t2=$( "#groupid option:selected" ).val(); alert(t1+t2); } }); }); </script> Post navigation selectmenu change