26

我有一个输入字段，我正在尝试使用它的类来设置它的值

<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("")工作。

4

7 回答 7

55

这应该有效。 

$(".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>

于 2012-10-21T03:28:25.440 回答
4

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

如果输入字段有一个 id 属性名称 formData 使用这个： $("#formData").val("data")

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

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

于 2015-02-20T09:52:58.083 回答
1

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

于 2012-10-21T04:27:11.223 回答
0

使用此代码通过另一个 id 在输入标签中设置值。

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

或使用此代码在输入标签中使用 classname="formdata" 设置值

$(".formdata").val("hello");
于 2014-09-10T10:55:04.527 回答
0 
$('.formData').attr('value','YOUR_VALUE')
于 2016-07-14T14:53:45.220 回答
-1

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

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

或通过 id="fsd" 您编写此代码。

$("input").val(document.getElementById("fsd").innerHTML);
于 2014-09-10T10:46:46.717 回答
-5

将您的 jQuery 函数放入

$(document).ready(function(){

});

肯定解决了。

于 2014-09-10T11:12:32.310 回答