<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>