Search code examples
jqueryhtmlmaterialize

jquery this.each is not function when using .val

i'm trying to put range's value in Text Box with jquery but i got error with "Uncaught TypeError: this.each is not a function"

enter image description here

This is my code 

<body class="bg valign-wrapper">
<div class="container row center-align">
    <div class="card">
    <span class="card-title"><br><h3>Simulasi</h3></span>
    <div class="container">
        <form action="main.html">
        <div class="row">
            <div class="input-field">
                <input type="number" id="dp" class="">
                <label class="active" for="nama">Nominal DP</label>
            </div>
            <p class="range-field">
              <input type="range" id="rangedp" min="0" max="100">
            </p>
        </div>
        <button style="width" class="btn waves-effect waves-light blue" type="submit" name="signin">Submit
                    <i class="material-icons left">send</i>
                </button><br><br>
        </form>
    </div>
    </div>
</div>
<script type="text/javascript" src="materialize/js/jquery.js"></script>
<script type="text/javascript" src="materialize/js/materialize.min.js"></script>
<script type="text/javascript">
        $("#rangedp").change(function(){
            $("#dp").val($("#rangedp").val);
            console.log($(this).val);
        });
        $(document).ready(function(){
            $("select").formSelect();
        });
</script>
Solution 
  •  $("#dp").val($("#rangedp").val);

    should be

     $("#dp").val($("#rangedp").val());

    The rest, with the code so far, you should dig yourself or share code.