Значение JQuery для поля ввода

У меня есть поле ввода, и я пытаюсь установить его значение, используя его класс

<form:input path="userName" id="userName" title="Choose A Unique UserName" readonly="${userNameStatus}" class="formData"/>

который отображается как:

<input id="userName" name="userName" title="Choose A Unique UserName" class="formData" type="text" value=""/>

Я использую следующий jquery, но это не работает. Может кто-то сказать мне, где я иду не так.

$(".formData").html("");

Отредактированная функция JQuery, которая обрабатывает событие

$('#reset').click(function (){
            $("#userNameErr").text(""); 
            $('#badgeNoErr').text("");

            $(".errors").html("");

            $(".formData").val("");

        });

и не работает $(".formData").text("") или $(".formData").val("").

Ответ 1

Это должно работать.

$(".formData").val("valuesgoeshere")

Для пустых

$(".formData").val("")

Если это не работает, вы должны опубликовать jsFiddle.

Демо-версия:

$(function() {
  $(".resetInput").on("click", function() {
    $(".formData").val("");
  });
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="formData" value="yoyoyo">


<button class="resetInput">Click Here to reset</button>

Ответ 2

Если поле ввода имеет имя класса formData, используйте это: $(".formData").val("data")

Если поле ввода имеет имя атрибута id формы, используйте это: $("#formData").val("data")

Если задано имя ввода, используйте это: $("input[name='formData']").val("data")

Вы также можете указать тип. Затем он будет ссылаться на все входы этого типа и имя данного класса: $("input[type='text'].formData").val("data")

Ответ 3

измените настройку загрузки jquery на onload в jsfiddle.,.оно работает.,

Ответ 4

используйте этот код для заданного значения в теге ввода другим идентификатором.

$(".formdata").val(document.getElementById("fsd").innerHTML);

или используйте этот код для заданного значения во входном теге, используя classname = "formdata"

$(".formdata").val("hello");

Ответ 5

$('.formData').attr('value','YOUR_VALUE')

Ответ 6

Вы просто пишете это script. используйте элемент ввода для этого.

$("input").val("valuesgoeshere");

или id = "fsd" вы пишете этот код.

$("input").val(document.getElementById("fsd").innerHTML);

Ответ 7

Поместите функцию jQuery в

$(document).ready(function(){

});

Он наверняка решил.