Search jQuery

jQuery Forum

Using jQuery

Majid Lot..

when added selectmenu() to a select, it stopped its event

in Using jQuery • 7 years ago

Hi,

I have a dropdown :

<div>
Enabled/Disabled<br />
<select id="enabledChoice">
<option value="All">All</option>
<option value="F">Enabled</option>
<option value="T">Disabled</option>
</select>
</DIV>

it filter a table by showing all , or just enabled or just disabled, as soon as I added jquery ui and did :

$(function($){
$('select#enabledChoice').selectmenu();

The following code (for filtering displayed table) stopped working.

// select enable/disable
$("#enabledChoice").click( function() {
console.log('click');
oTable.fnDraw();
});
$.fn.dataTableExt.afnFiltering.push(function( oSettings, aData, iDataIndex ) {
var chosenName = $("select#enabledChoice").val(); // Grab selected item in the dropdown list
var nameInColumn = aData[9]; // 9 is the index (begins from 0) of the column I want to sort
// If nothing or "All" is selected, don't filter
if ( chosenName == "" || chosenName == "All")
{
return true;
}
else if ( chosenName == nameInColumn)
{
return true;
}
return false;
});

Thanks, your help is appreciated.

Replies(1)

watusiware

Re: when added selectmenu() to a select, it stopped its event

7 years ago

Do you have another element with the same ID? That's not allowed in HTML and if you do that you will get unexpected results.

I am suspicious because you wrote this:

$('select#enabledChoice')

There is never any good reason to prefix an ID selector with anything. IDs must be unique within a document.

Hard to help from fragments posted to the forum. Post a link to your site or create a jsFiddle so that we don't have to guess about the parts you haven't shown.

Top Reply

Response title

Attachments

jQuery Forum

when added selectmenu() to a select, it stopped its event

Replies(1)

Re: when added selectmenu() to a select, it stopped its event

Statistics

Tags

Actions

Related Posts