how to get jquery value from input field

Question

how to get perPage value in below jQuery code from input field whose value is a number as i have to create pagination for table who can control number of rows per page.

$(document).ready(function(){ $('#myTable').pageMe({pagerSelector:'#myPager',perPage:4}); });

Input field

<select input type="number" id="numberinput" /> <Option value="10">10</option> <Option value="20">20</option> </select>

Pranav C Balan · Accepted Answer · 2015-10-27 11:21:09Z

3

Bind change() event handler to the dropdown and update perPage option.

$('#numberinput').change(function() { $('#myTable').pageMe({ pagerSelector: '#myPager', perPage: this.value }); });

<select input type="number" id="numberinput"> <option value="10">10</option> <option value="20">20</option> </select>

edited Oct 27, 2015 at 11:21

answered Oct 27, 2015 at 10:32

Pranav C Balan

115k25 gold badges173 silver badges195 bronze badges

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

4 Comments

ch3t Over a year ago

yes it is working but it keeps on adding number 1 to my paginator please check the plunker for more clarification embed.plnkr.co/brRrQW3msRV5Nv4HHwDi/preview

Pranav C Balan Over a year ago

@chetan , You need to empty the pagination list using pager.html('') ,plnkr.co/edit/XUnpyIYNYzHEZedUMQMB?p=preview

Pranav C Balan Over a year ago

@chetan : check line 316in updated plunker. In your code you are just appending the new new list item, u r not removing the existing list items

ch3t Over a year ago

pranav thanks for your prompt reply but still it has a bug. shall i remove default value on line number 292. when i click on page number 2 it shows 7 records again.

Collectives™ on Stack Overflow

how to get jquery value from input field

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related