TypeError: 'stepUp' called on an object that does not implement interface HTMLInputElement in jquery

Question

I am calling the php file using jquery $.post method.At the time of the retriving the data I am getting an error.

I did search on google,found 4 to 5 solutions but those are not working.

Please help me.

this is my code,

Jquery

 $(document).ready(function(){

 $("[name='side_door_on_size']").click(function (){
        var side_door_on_size=$(this).val();
        $.post('<?php echo get_home_url(); ?>/wp-content/plugins/thermax/filter.php',
               {side_door_on_size:side_door_on_size}, 
               function(data){
                  alert(data);
              });
       })
  })

Html

<input type="radio" name="side_door_on_size" class="side_door_on_size" id="side_door_on_size" value="25m"/>25m

score 0 · Answer 1 · answered Mar 26 '14 at 09:50

Please add element name in jQuery selector $("input[name=side_door_on_size]"),

try this code

$(document).ready(function(){

 $("input[name=side_door_on_size]").click(function (){
        var side_door_on_size=$(this).val();
        $.post('<?php echo get_home_url(); ?>/wp-content/plugins/thermax/filter.php',
               {side_door_on_size:side_door_on_size}, 
               function(data){
                  alert(data);
              });
       })
  })

thank you for your quick replay,i tried with your code but it is not working — Manju, Mar 26 '14 at 10:23

score -2 · Answer 2 · answered Mar 26 '14 at 09:45

please try with

<script>
    $(document).ready(function() {
        $("[name=side_door_on_size]").click(function() {
            var side_door_on_size = $(this).val();
            $.post('<?php echo get_home_url(); ?>/wp-content/plugins/thermax/filter.php', {side_door_on_size: side_door_on_size}, function(data) {
                alert(data);
            });
        });
    });
</script>

TypeError: 'stepUp' called on an object that does not implement interface HTMLInputElement in jquery

2 Answers2