2012-10-21 22 views
18

mam pole wejściowe i próbuję ustawić jej wartość za swoją klasęJquery Ustawienie wartości pola wejściowe

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

co czyni jako:

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

Używam następujący jQuery ale to nie działa. Czy ktoś może mi powiedzieć, gdzie idę źle.

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

Edited Funkcja JQuery, który obsługuje zdarzenie

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

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

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

     }); 

ani $(".formData").text("") lub $(".formData").val("") roboczego.

+0

Jaka jest rzeczywista * * HTML, który jest produkowany? W przeciwieństwie do jakiegokolwiek skryptu po stronie serwera, z którym pracujesz? –

+0

rzeczywisty html to devdar

+0

Próbuję ustawić wartość w to pole ma wartość NULL po kliknięciu przycisku resetowania – devdar

Odpowiedz

45

To powinno zadziałać.

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

pustych

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

Jeśli to nie zadziała, należy umieścić jsFiddle.

jsFiddle: http://jsfiddle.net/zSb4f/

+0

To nie działa jego tag wiosny używam więc nie jestem pewien, czy jest inny, ale renderuje normalny html, więc nie jestem na pewno to jest problem – devdar

+0

to jest mój jsFiddle http://jsfiddle.net/FtnLM/3/ – devdar

+1

Umieść to w tagu domowym. – Aktee

1

zmienić ustawienia ładowania jQuery onload w jsfiddle. . .to działa . . .

+1

Sprawdź to [skrzypce] (http://jsfiddle.net/GuGqS/) – palerdot

+0

Dlaczego więc mój kod nie działa, mam to w dokumencie. – devdar

+1

miałeś początkowe ustawienie na nowrap (head). . .it działa na domREADY ... nie potrafię określić, jaki jest problem z ustawieniem głowicy nowrapa – palerdot

-1

Po prostu napisz ten skrypt. użyj do tego elementu wejściowego.

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

lub przez id = "fsd" piszesz ten kod.

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

użyj tego kodu do ustawienia wartości w tagu wejściowym przez inny identyfikator.

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

lub użyć tego kodu do wartości ustawionej w tagu wejściowego przy użyciu classname = "formdata"

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

Wskaż swoją funkcję jQuery w

$(document).ready(function(){ 

}); 

To pewnie rozwiązany.

+1

Edytuj edytuj swoją drugą odpowiedź, zamiast zamieszczać nową odpowiedź. Zobacz także pomoc dotyczącą formatowania: http://stackoverflow.com/editing-help –

1

Jeśli pole wejściowe ma nazwę klasy formData użyj: $(".formData").val("data")

Jeśli pole wejściowe ma identyfikator atrybutu name formData użyj: $("#formData").val("data")

Jeśli nazwa wejście podany jest wykorzystanie w ten sposób: $("input[name='formData']").val("data")

Można również podać typ.Wtedy będzie odnosić się do wszystkich wejść danego rodzaju i danej nazwie klasy: $("input[type='text'].formData").val("data")

0
$('.formData').attr('value','YOUR_VALUE') 
Powiązane problemy