Nie można ustawić ukrytą wartość Pole tekstowe w jQuery

Mam proste pole wejściowe wewnątrz znacznika forma:Nie można ustawić ukrytą wartość Pole tekstowe w jQuery

<body> 
    <form action="#"> 
     <label>Input</label> 
     <input type="hidden" id="foo" name="foo" /> 

    </form> 
</body>

Próbowałem ustawić tę wartość z pliku JS:

$(document).ready(function(){ 
    $('#foo').val('foo') 
})

ale w źródle html atrybut nie jest w ogóle ustawiony. Jeśli spróbuję ustawić typ wejścia na "przycisk" lub cokolwiek innego, to działa. Po prostu nie mogę tego zrobić za pomocą pola wejściowego hidden. Co ja robię źle?

Źródło

2010-01-21 framomo86

Przyjęte rozwiązanie nie odpowiada rzeczywistej pytanie, mimo że jest pomocny w prowadzeniu do rozwiązania. Prawdopodobnie lepiej jest zaakceptować poprawną odpowiedź, ponieważ to pytanie dostaje 10 tys. Wyświetleń rocznie. –

Czy pomogłoby to, gdyby pole wejściowe było wartością początkową? (nawet jeśli jest to pusty ciąg) –

można pobrać wartość z ukryte pole, jeśli ustawisz znacznik val?

np.

<input type="hidden" id="foo" name="foo" value="bar" /> 

$(document).ready(function(){ 
    alert($('#foo').val()); 
})

Źródło

2010-01-21 13:09:51 Fermin

+16

Aby wyjaśnić: autor próbował zobaczyć zmodyfikowaną wartość za pomocą "Zobacz kod źródłowy". Uwaga: zmiany dokonane w DOM dynamicznie nie są widoczne w "Zobacz kod źródłowy". – jjmontes

jest ta dziwna rzecz, gdy trzeba sklonować ukryte dane wejściowe http://jsfiddle.net/YvBfP/ – max4ever

że muszę zobaczyć cały plik, ale domyślam się, albo nie są w tym pliku źródłowego jquery.js lub masz wiele elementów o identyfikatorze foo

Źródło

2010-01-21 13:09:40

héhé ... Miałem dwa identyczne identyfikatory w dwóch formach, a twoja odpowiedź sprawiła, że pomyślałem o sprawdzeniu tego ... dzięki! – citraL

Wymyśliłem to. Wartość została ustawiona przez jQuery, ale kiedy oglądałem źródło, nowa wartość nie była wyświetlana. Próbowałem tego (dzięki Fermin):

$('#foo').val('poo') 
alert($('#foo').val())

i wyświetliło zmodyfikowaną wartość.

Źródło

2010-01-21 13:18:04 framomo86

Polecam używanie narzędzia programistycznego, takiego jak firebug do Firefoxa, aby łatwiej było zobaczyć dynamiczny kod źródłowy. – David

Jeśli Fermin odpowiedział na twoje pytanie, powinieneś oznaczyć je jako zaakceptowaną odpowiedź. – rfunduk

Wtyczka programisty przeglądarki Firefox ma również narzędzie "Wyświetl wygenerowane źródło", które pokaże źródło ze wszystkimi zastosowanymi zmianami javascript. –

Też walczę z tym. Jeśli ustawisz wartość początkową, powiedz "0", a następnie obejrzyj DOM używając czegoś takiego jak Firebug, zauważysz, że DOM zaktualizuje się. Z jakiegoś powodu, jeśli wartość początkowa jest ustawiona na null lub pusty łańcuch, DOM nie aktualizuje się, ale wartość jest w rzeczywistości nadal przechowywana.

Można to sprawdzić poprzez ostrzeganie Val po ustawieniu go (jako sugerowane we wcześniejszych postów)

Źródło

2010-10-15 11:09:28

miałem ten sam problem z polem wejściowym ukrytym. Id ustawiam wartość początkową na 0, działa dobrze, ale czasami nie chciałem mieć wartości początkowej 0. Więc testowałem z wartością = "", białym znakiem, i to działa również dla mnie. Jeśli wypełnisz dynamiczną wartość z PHP, możesz zrobić value="<?= $val+0; ?>", jeśli 0 jest dla ciebie dobre, lub value="<?= $val; ?> ", jeśli odstęp jest w porządku.

Źródło

2010-10-20 09:51:23 mtom

może potwierdzić. Podczas inicjowania ukrytego pola wejściowego za pomocą "", mam problem z aktualizowaniem go za pomocą jQuery. Podczas inicjalizacji z 0 działało dla mnie. –

Miałem ten problem, gdy POST -ing mój formularz i mój skrypt PHP nie mógł uzyskać POST -ed wartość. Użyłem tego:

$('#elemId').attr("name", theValue);

Mam nadzieję, że to pomaga.

Źródło

2011-05-17 10:40:26 remo

Najlepszą odpowiedzią, jaką znalazłem, była wersja http://forum.jquery.com/topic/passing-value-to-hidden-form-field.

Zamiast $('#Data').val(data); Gdzie ukryte pole ID to 'dane'

Zastosowanie $('input[name=Data]').val(data);

Works idealnie dla mnie

Źródło

2011-10-19 13:53:00

działa, ponieważ "Dane" tutaj to "nazwa" wejścia, a nie id. W każdym razie, głosujcie ode mnie, ponieważ ja też o tym zapomniałem. –

Żadne z powyższych rozwiązań nie pracował dla mnie.

musiałem wykonać następujące czynności, aby to działało:

$('#foo').val(data).blur();

Źródło

2013-07-19 04:55:36

Raczej następnie inicjalizacji swój atrybut wartość z ciągiem zainicjować swój wkład takiego.

<input type="hidden" name="foo" id="foo" value="${foo}">

"foo" będzie zawierał nową wartość, którą ustawiłeś.

Źródło

2015-02-12 09:37:05 Noris

wiem, że jest późno, ale wciąż może to komuś pomóc .... Jeśli żaden z powyższych rozwiązań pracy, po prostu to zrobić ...

$(document).ready(function() { 
$('#foo').attr("value","foo") });

Źródło

2015-11-19 03:39:26

Nie można ustawić ukrytą wartość Pole tekstowe w jQuery

Odpowiedz

Powiązane problemy