Jakie są sposoby uzyskania i renderowania wartości wejściowej przy użyciu jQuery?
Tutaj jest jeden:
$(document).ready(function() {
$("#txt_name").keyup(function() {
alert($(this).val());
});
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<input type="text" id="txt_name" />
jquery
html
jquery-selectors
textinput
Bharanikumar
źródło
źródło
Odpowiedzi:
źródło
val
zvar bla
potem musi usunąć cudzysłów.Możesz wybrać wartość tylko na dwa następujące sposoby:
Jeśli chcesz użyć prostego JavaScript, aby uzyskać wartość, oto jak:
źródło
attr
można je również zastąpićprop
. To jest semantycznie lepsze.$("#txt_name").val(str);
Pracowałem tylko w Chrome, aby ustawić wartość. Wypróbuj ten post .$("#txt_name").attr('value')
zawsze zwróci zawartość atrybutu „wartość”, więc jeśli zmienisz pole wprowadzania, wartość się nie zmieni..val()
zawsze zwróci zawartość pola.Należy wspomnieć o jednej ważnej rzeczy:
zwróci bieżącą rzeczywistą wartość pola tekstowego, na przykład jeśli użytkownik wpisze tam coś po załadowaniu strony.
Ale:
zwróci wartość z DOM / HTML.
źródło
Możesz uzyskać ten
value
atrybut bezpośrednio, ponieważ wiesz, że jest to<input>
element, ale twoje obecne użycie.val()
jest już aktualne.W powyższym przypadku wystarczy użyć
.value
bezpośrednio elementu DOM, jak poniżej :źródło
Musisz użyć różnych sposobów, aby uzyskać bieżącą wartość elementu wejściowego.
METODA - 1
Jeśli chcesz użyć prostego
.val()
, spróbuj tego:Uzyskaj wartości z wejścia
Ustaw wartość na Input
METODA - 2
Użyj,
.attr()
aby uzyskać treść.Dodałem tylko jeden atrybut do pola wejściowego.
value=""
atrybut to ten, który przenosi treść tekstową, którą wprowadziliśmy w polu wejściowym.METODA - 3
możesz użyć tego bezpośrednio na swoim
input
elemencie.źródło
Możesz uzyskać taką wartość:
Gdzie
this
odnosi się do formularza zawierającego dane wejściowe.źródło
this
odnosi się do formularza zawierającego dane wejściowe.Myślę, że tej funkcji brakowało tutaj w poprzednich odpowiedziach:
źródło
Aby uzyskać wartość pola tekstowego, możesz użyć
val()
funkcji jQuery .Na przykład,
$('input:textbox').val()
- Uzyskaj wartość pola tekstowego.$('input:textbox').val("new text message")
- Ustaw wartość pola tekstowego.źródło
Dla tych, którzy tak jak ja, są nowicjuszami w JS, a
undefined
zamiast wartości tekstowej upewnij się, żeid
nie zawiera niepoprawnych znaków .źródło
Możesz po prostu ustawić wartość w polu tekstowym.
Po pierwsze, dostajesz wartość jak
Po uzyskaniu wartości ustawionej na wejściu jak
źródło
Spróbuj tego. Na pewno zadziała.
źródło
<input type="text" />
), zwraca niezdefiniowane. (2) Jeśli zrobisz to w ten sposób,<input type="text" value="test" />
a użytkownik wpisze foo w polu wejściowym,$('#txt_name').attr('value')
nadal zwraca „test.