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

By admin-powenko

Dr. Powen Ko is a teacher and CEO on LoopTek LLC, and like to teaching. if you need to class, please let PowenKo know, he will love to service and sharing. LoopTek web site is www.looptek.com

Leave a Reply