How to add lang attribute to DataTables.js search box

Question

I am using a jQuery plugin that needs to add attribute to all inputs in a page.

$("input").attr('lang', 'fa');

I have no problem for adding this to all inputs except for DataTables search box that this code doesn't affect.

I also tried this code but it doesn't work:

$(document).ready(function () {
    var table =   $('#OrdersTable').dataTable();
    $('.dataTables_filter input').attr('lang','fa');
    $("input").attr('lang', 'fa');
});

Edit:
I tried many things but the problem still exists. To see the problem look at this link and type numbers in search box and the input box at the bottom of the page.

Gyrocode.com · Accepted Answer · 2015-08-14 02:43:04Z

3

CAUSE

DataTables uses <input type="search"> for the search box. For some reason applying lang attribute doesn't have any effect on that input type.

SOLUTION

Changing input type to <input type="text"> fixes the issue.

$('#example').DataTable();
$('.dataTables_filter input').attr({'lang': 'fa', 'type': 'text'});

DEMO

See jsFiddle for code and demonstration.

edited Aug 14, 2015 at 2:43

answered Jun 25, 2015 at 15:59

Gyrocode.com

59k16 gold badges157 silver badges192 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ReZa Over a year ago

no , it doesn't work . please look at my question edit.

Collectives™ on Stack Overflow

How to add lang attribute to DataTables.js search box

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related