jQuery获取输入值

Question

My php code

  <input style="text-align: center;" id="<?php echo $this->get_field_id("nums"); ?>"
            name="<?php echo $this->get_field_name("nums"); ?>" 
            type="text" value="<?php echo absint($instance["nums"]); ?>" size='3' 
    />

and jquery :

 $(document).ready(function(){
        $('.div1').slick({
            slidesToShow: 3,
            slidesToScroll: 1,
        });
    });

How to get value: slidesToShow = $instance["nums"]

Thanks

Answer 1

Declare your variable as GLOBAL , so that it can be accessed across files(in case php and js are on different pages)

$GLOBALS['a'] = absint($instance["nums"]);

$(document).ready(function(){
        $('.div1').slick({
            slidesToShow: <?php echo $GLOBALS['a'];?>
            slidesToScroll: 1,
        });
    });

Answer 2

If you're generating the jQuery code from PHP you can just generate the number there:

slidesToShow: <?php echo absint($instance["nums"]); ?>,

but you're probably not, if you run the jQuery code after the HTML is loaded you could try:

slidesToShow: $("#field_id").val(),

Where *field_id* is the generated id for the field. If you don't know that (because it's dynamic from the PHP) you either need to set a variable with the field ID, or if you're doing that you can set a global in the PHP:

<script language='javascript'>
    var global_instance_nums = <?php echo absint($instance["nums"]); ?>;
</script>

and then use later in the javascript:

slidesToShow: global_instance_nums,