jquery this.each не работает при использовании .val - PullRequest
0 голосов
/ 19 сентября 2018

Я пытаюсь поместить значение диапазона в текстовое поле с помощью 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 голосов
/ 19 сентября 2018

Следующий код выполняет formSelect () для элементов выбора через библиотеку Materialize, которых на странице нет.Я предполагаю, что Materialise пытается перебрать их, поэтому вы можете увидеть эту ошибку.

$("select").formSelect();

Удалите эту строку и посмотрите эту страницу .

0 голосов
/ 19 сентября 2018
 $("#dp").val($("#rangedp").val); 

должно быть

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

В остальном, с кодом, вы должны копать себя или поделиться кодом.

...