Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<meta charset=utf-8>
<title>Single Select</title>
​
<style>body{font-size:62.5%;}</style>
<style>
#feedback { font-size: 1.4em; }
#singleselect .ui-selecting { background: #FECA40; }
#singleselect .ui-selected { background: #F39814; color: white; }
#singleselect { list-style-type: none; margin: 0; padding: 0; }
#singleselect li {  }
</style>
</head>
<body>
​
<ul id="singleselect">
    <li class="ui-state-default">1</li>
    <li class="ui-state-default">2</li>
    <li class="ui-state-default">3</li>
    <li class="ui-state-default">4</li>
    <li class="ui-state-default">5</li>
    <li class="ui-state-default">6</li>
    <li class="ui-state-default">7</li>
    <li class="ui-state-default">8</li>
    <li class="ui-state-default">9</li>
    <li class="ui-state-default">10</li>
    <li class="ui-state-default">11</li>
    <li class="ui-state-default">12</li>
</ul>
​
</body>
</html>
​
 
$(document).ready(function() {
    $("#singleselect li").on('click', function() {
        alert("You clicked my <tr>!");
        //get <td> element values here!!??
    });
});
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers