jQuery this.each使用.val时不起作用

时间:2018-09-19 13:18:53

标签: jquery html materialize

我正在尝试使用jQuery将范围的值放在文本框中 但是我遇到了“ Uncaught TypeError:this.each不是一个函数”的错误

enter image description here

这是我的代码

<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>

2 个答案:

答案 0 :(得分:3)

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

应该是

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

剩下的,到目前为止,您应该挖掘代码或共享代码。

答案 1 :(得分:0)

以下代码通过Materialize库在select元素上运行formSelect(),该页面上没有这些元素。我假设Materialize正在尝试遍历它们,这可能就是为什么您看到此错误的原因。

$("select").formSelect();

删除此行并查看this page