我正在尝试使用jQuery将范围的值放在文本框中 但是我遇到了“ Uncaught TypeError:this.each不是一个函数”的错误
这是我的代码
<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>
答案 0 :(得分:3)
$("#dp").val($("#rangedp").val);
应该是
$("#dp").val($("#rangedp").val());
剩下的,到目前为止,您应该挖掘代码或共享代码。
答案 1 :(得分:0)
以下代码通过Materialize库在select元素上运行formSelect(),该页面上没有这些元素。我假设Materialize正在尝试遍历它们,这可能就是为什么您看到此错误的原因。
$("select").formSelect();
删除此行并查看this page。