Javascript: редактирование значения поля формы?

Question

Это мой HTML:

<div class="myFormField"> 
    <input type="text" class="myFormField city" value="" name="city" id="city"> 
</div> 

Я пытаюсь установить следующее, но он не работает, это возвращение неопределенными, когда я проверяю с предупреждениями:

document.getElementsByClassName("myFormField city").value = "New York"; 

Любая помощь приветствуется спасибо!

Answer 1

Оно должно быть:

document.getElementsByClassName("myFormField city")[0].value = "New York"; 

Пожалуйста, обратите внимание на документацию для getElementsByClassName:

«Возвращает набор элементов, которые имеют все заданные имена классов.»

getElementsByClassName возвращает набор элементов, так что вы должны получить доступ к определенному элементу в этом наборе, чтобы придать ему значение - первый элемент множества будучи [0], второй является [1] и т.д.

jsFiddle here.

Answer 2

document.getElementsByClassName("myFormField city") 

будет возвращать массив элементов

поэтому используйте

document.getElementsByClassName("myFormField city")[0].value 

Answer 3

Обратите внимание: document.getElementsByClassName получает массив элементов с заданным именем. Так что ваш код должен быть,

document.getElementsByClassName("myFormField city")[0].value = "New York" 

Answer 4

Вы также ID

document.getElementById("city").value = "New York";