Jquery .val() change the variable value by pressing the button

Question

I want to pass the value of the limit in Jquery at the touch of a button. I almost found a solution, but can not quite understand. How to set the value to "limit:" the default and change it by pressing the button.

HTML

<button id="pagelimit default">1</button>
<button id="pagelimit">2</button>
<button id="pagelimit">3</button>

</div>

JS

function displayVals() {
var pagelim = $( "#pagelimit" ).val();
};

$('#product-grid').mixItUp({
pagination: {
    limit: $pagelim // insert button value
}
});

Please help me solve this problem.

instead of initializing var pagelim inside displayVals give it a global scope. — Kartikeya Khosla
– Kartikeya Khosla, Commented Dec 19, 2014 at 10:16

Arun P Johny · Accepted Answer · 2014-12-19 10:20:27Z

1

ID of an element must be unique... It looks like you want to update the limit option with the clicked button's text so

<button class="pagelimit default">1</button>
<button class="pagelimit">2</button>
<button class="pagelimit">3</button>

then

//this method is not used in the below code as we don't know which button was clicked here... if you share how the `displayVals` method is called then we can try to make this work
function displayVals() {
    var pagelim = $("#pagelimit").val();
};

jQuery(function ($) {
    $('.pagelimit').click(function () {
        //update the limit option
        $('#product-grid').mixItUp('setOptions', {
            limit: +$(this).text()
        });
    });

    //initialize the plugin
    $('#product-grid').mixItUp({
        pagination: {
            limit: 1
        }
    });
})

answered Dec 19, 2014 at 10:20

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

4 Comments

svanelten Over a year ago

You need to have some element with ID "pagelimit" somewhere for this to work, maybe a hidden text field.

RQEST Over a year ago

'displayVals' method from the example on the page link.

Arun P Johny Over a year ago

@RQEST is that how you have wrote it... like an event handler... can you share how you have used it

RQEST Over a year ago

The fact that I do not know how to use it properly, because I almost do not know JS

Collectives™ on Stack Overflow

Jquery .val() change the variable value by pressing the button

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related