Question

我有一个输入字段，我正在尝试使用其类

设置其值

<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("")也不起作用。

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

Answer 2

如果输入字段有类名formData，请使用： $(".formData").val("data")

如果输入字段具有id属性名称formData，请使用以下命令： $("#formData").val("data")

如果给出输入名称，请使用以下命令： $("input[name='formData']").val("data")

您还可以提及类型。然后它将引用该类型的所有输入和给定的类名： $("input[type='text'].formData").val("data")

Answer 3

在jsfiddle中将您的jquery加载设置更改为 onload 。。。有用。。。

Answer 4

将此代码用于另一个id的输入标记中的设置值。

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

或使用classname =“formdata”

将此代码用于输入标记中的设置值

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

Answer 5

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

Answer 6

您只需编写此脚本即可。为此使用输入元素。

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

或通过id =“fsd”编写此代码。

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

Answer 7

将您的jQuery函数放入

$(document).ready(function(){

});

它肯定已经解决了。

Jquery输入字段的设置值

7 个答案: