selectmenu selected text and value

January 25, 2015 · 0 Comments


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