jak zmienić wartość pola tekstowego HTML za pomocą javascript

<head> 
<script type="javascript"> 
function display() 
    { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script> 
</head> 
<body> 

<form id="form1" action="http://google.com"> 

<input id="textField1" type="text" value="0" align="right" size="13"/><br> 

<input id="button1" type="button" value="1" onclick="display()"> 
</form> 
</body>

, ale wartość pola tekstowego się nie zmienia.jak zmienić wartość pola tekstowego HTML za pomocą javascript

Jakieś pomysły, co robię źle?

Źródło

2012-10-31 Bugs Happen

Chcę, żeby to się zmieniło z "0" na "abc" cóż, tak naprawdę tworzę kalkulator i przekażę "1", ale w niedalekiej przyszłości, kiedy ten problem zostanie rozwiązany –

spróbować

<script type="text/javascript">

zamiast

<script type="javascript">

. Uważam, że ta ostatnia nie jest poprawną składnią.

Wyjmowanie type atrybutów całkowicie działa tak samo:

<script>

Źródło

2012-10-31 07:53:37

Lepiej go usunąć całkowicie. –

Chciałbym powiedzieć, dodać to wspomnieć, że można po prostu zrobić

Zdjąć type tagu script. Jest niepoprawny i sprawia, że przeglądarka nie traktuje zawartości jako JavaScript. Here it is not working i here it is working (z usuniętym type="javascript").

Źródło

2012-10-31 07:53:46

Nie ma nic złego w tym kodzie, działa dobrze w this fiddle.

Spekuluję tylko, ale można spróbować usunąć atrybut type tagu script lub zmienić go na type="text/javascript", który byłby właściwym typem. Jeśli go nie określisz, przeglądarka domyślnie uzna to za JavaScript.

Źródło

2012-10-31 07:53:48

Twoja linia

document.getElementById("textField1").value = "abc";

jest prawidłowy, spróbuj

<head> 
<script> 
function display() { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script> 
</head> 
<body> 

<form id="form1" action="http://google.com"> 

<input id="textField1" type="text" size="13" value="clear" /><br> 

<input type="button" onclick="display()"> 
</form> 
</body>

Źródło

2012-10-31 07:56:30 MyMomSaysIamSpecial

To musi być

<script type="text/javascript"> 
function display() 
    { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script>

i nie

<script type="javascript"> 
function display() 
    { 
     document.getElementById("textField1").value = "abc"; 
    } 
</script>

Źródło

2012-10-31 07:57:40 defau1t

To rzeczywiście poprawne, ale jeśli to nie działa, spróbuj tak:

document.getElementById("textfield1").innerHtml = "ABC";

Źródło

2016-08-02 08:09:11 Footer

W przypadku, gdy pole tekstowe nie posiadającego atrybut id i mający atrybut name Następnie

użycie

document.getElementsByName("name")[0].value="ert";

getElementsByName() zwraca tablicę obiektów z tej konkretnej nazwy, dlatego używamy indeks 0.

Źródło

2017-09-12 06:20:21

Powiązane problemy

jak zmienić wartość pola tekstowego HTML za pomocą javascript

Odpowiedz

Powiązane problemy