Create a dropdown box separate from data table
Create a dropdown box separate from data table
raphytaffy
Posts: 1Questions: 0Answers: 0
This might be a bit of a silly question, but how would I create a dropdown box that is separate from the data table? What I mean is that I currently have a data table created on my page with a Search box like so:
[code]$('#userDataTable').dataTable( {
"bProcessing": true,
"sDom": '<"top"f>rt<"bottom"ip>',
"oLanguage": {
"oPaginate": {
"sPrevious": "Previous ",
"sNext": " Next"
},
"sEmptyTable" : "There doesn't seem to be anything here...",
"sZeroRecords" : "Your search didn't return any results",
"sSearch" : "Search by email, name, or phone #:"
},[/code]
I would simply like to add a dropdown box just below the Search box similar to this: http://i.imgur.com/CnxRMps.png. I have browsed through some examples with dropdown boxes for the columns of the table, but I would like to fill this dropdown box with values other than what is in the columns. Design-wise, I would like this box to be below the Search box though, so I'm not sure if this will be possible or if I will need to create it elsewhere.
[code]$('#userDataTable').dataTable( {
"bProcessing": true,
"sDom": '<"top"f>rt<"bottom"ip>',
"oLanguage": {
"oPaginate": {
"sPrevious": "Previous ",
"sNext": " Next"
},
"sEmptyTable" : "There doesn't seem to be anything here...",
"sZeroRecords" : "Your search didn't return any results",
"sSearch" : "Search by email, name, or phone #:"
},[/code]
I would simply like to add a dropdown box just below the Search box similar to this: http://i.imgur.com/CnxRMps.png. I have browsed through some examples with dropdown boxes for the columns of the table, but I would like to fill this dropdown box with values other than what is in the columns. Design-wise, I would like this box to be below the Search box though, so I'm not sure if this will be possible or if I will need to create it elsewhere.
This discussion has been closed.