Jquery輸入字段的設置值

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(){

});

它肯定已經解決了。