2015-10-27 9 views
0

Как получить значение perPage в нижнем коде jQuery из поля ввода, значение которого является числом, поскольку мне нужно создать разбивку на страницы для таблицы, которая может контролировать количество строк на странице.Как получить значение jquery из поля ввода

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

Поле ввода

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

ответ

3

Bind change() обработчик событий для выпадающего списка и обновить perPage вариант.

$('#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>

+0

да это работает, но он продолжает добавлять номер 1 в мой постраничной навигации, пожалуйста, проверьте plunker для более разъяснений http://embed.plnkr.co/brRrQW3msRV5Nv4HHwDi/preview – ch3t

+0

нет его не работает. он обновляет значение по умолчанию 7 – ch3t

+0

@chetan, вам нужно очистить список разбиения на страницы, используя 'pager.html ('')', http: //plnkr.co/edit/XUnpyIYNYzHEZEDUMQMB? p = preview –

Смежные вопросы