selectmenu selected text and value

January 25, 2015   ·   0 Comments

Screen Shot 2015-01-25 at 11.57.03 AM


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

shareShare on FacebookShare on Google+Share on LinkedInEmail this to someonePrint this pageBuffer this pageDigg thisFlattr the authorShare on RedditPin on PinterestShare on StumbleUponShare on TumblrTweet about this on Twitter

By


Readers Comments (0)


You must be logged in to post a comment.

PowenKo’s Online Store

powenko_arduinoBook
jQuery172

jQuery

Amazon

adsbygoogle

Recent Posts

Categories

Amazon