Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</head>
<body>
<select name="group_2" id="group_2" class="form-control attribute_select no-print">
<option value="18" selected="selected"title="35">35</option>
<option value="19" title="36">36</option>
<option value="20" title="37">37</option>
<option value="21" title="38">38</option>
<option value="22" title="39">39</option>
<option value="23" title="40">40</option>
</select>
  
<br>
Selected value:   
<input id="selected-value" type="text" /><br />
Selected title:   
<input id="selected-title" type="text" /><br />
  
  
  <script type="text/javascript">
    $(document).ready(function(){
      $(document).on("change","#group_2", function(){
        $("#selected-value").val( $(this).val() );
        $("#selected-title").val( $(this).find("option:selected").text() );
      });
    });
  </script>  
</body>
</html>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers