My favorites | Sign in
Project Logo
                
Show all Featured downloads:
jquery.multicolselect.js
People details
Project owners:
  actuate

Jquery Multi Column Selectbox

A jquery plugin that creates a multiple column selectbox

Try demo http://itlivewire.com/jquerymulticolumnselectbox

Directions for Use:

1. Include of course jquery.js and jquery.multicolselect.js

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.multicolselect.js"></script>

2. Create a div with a table name the identify the div with a class "ex. datatable"

<div id="datatable">
<table cellspacing="0" width="100%">
<tr>
<th>ID</th><th>Key</th><th>Fruit</th>
</tr>
<tr>
<td>1</td><td>1234</td><td>Apple</td>
</tr>
<tr>
<td>2</td><td>1111</td><td>Cat</td>
</tr>
<tr>
<td>3</td><td>5555</td><td>Dog</td>
</tr>
</table>
</div>

3. Run the plugin using this command

$("#datatable").multicolselect({
	   		buttonImage:"selectbutton.gif",
			valueCol:1,                  
	  		hideCol:0
	   });

4 . Note you need the "selectbutton.gif" so save it.

5. Then your done.

Options

Option Description
buttonImage The source of your button image
valueCol The column index to be used to display value for the textbox
hideCol The column index to hide this is usually an id column

For issues and concern contact Gerard Banasig actuate@gmail.com









Hosted by Google Code