Заполните форму с помощью jQuery

Question

Я пытаюсь использовать jQuery для заполнения формы с некоторыми значениями по умолчанию.

Форма содержится в div, который имеет идентификатор. На самом деле каждый элемент имеет id, я сделал это просто, чтобы иметь возможность быстро выбирать каждый фрагмент формы с использованием синтаксиса $("#id").
Вот форма:

<div id="panel" style="position: absolute; left: 190px; top: 300px; width: 400px; height: 300px; border: medium groove brown; background: none repeat scroll 0% 0% black; z-index: 100; color: white;"><form id="form_coord_0"> 
X <input type="text" style="height: 25px; font-size: 10px;" size="2" name="X" id="coordX_0"/> 
Y <input type="text" style="height: 25px; font-size: 10px;" size="2" name="Y" id="coordY_0"/> 
<input type="button" id="edit_0" value="M"/> 
<input type="button" id="remove_0" value="-"/> 
<input type="button" id="add_0" value="+"/> 
<input type="button" id="go_0" value="go!"/> 
<br/> 
</div> 

Мне нужно установить coordX_0 текстовое поле с некоторым значением, скажем: 123.

Я думал, что я мог бы сделать

$("#coordX_0").text.value = 123; 

Но это не похоже на работу. Любой намек?

Answer 1

Вы можете использовать функцию val() для установки входных значений

$("#coordX_0").val(123); 

Кстати, ваш исходный код может быть сделан для работы, установив значение свойство на фактическом, базовом элементе dom. Доступ к элементу DOM путем индексации результатов JQuery:

$("#coordX_0")[0].value = 123; 

Answer 2

Чтобы установить значение поля ввода его

$("#coordX_0").val(123) 

Answer 3

$("#coordX_0").val("123"); 

Вам нужны цитаты я тоже думаю. Хотя это может работать в обоих направлениях.

Answer 4

Используйте метод val, чтобы установить текст любого поля input.

$("#coordX_0").val(123); 

Answer 5

Попробуйте это вместо того, чтобы, используя val метод:

$("#coordX_0").val('some string or number'); 

Answer 6

Используйте вместо этого:

$("#coordX_0").val("123"); 

Answer 7

использовать функцию VAL

$("#coordX_0").val("123"); 

Answer 8

Просто написать:

$("#coordX_0").val(123); 

В jQuery, text - функция для извлечения текста в dom.

Answer 9

Все ответы являются точно такой же, так что я думал, что я отправлю что-то другое:

var inputs_to_values = { 
    'coordX_0' : 'some value', 
    'coordY_0' : 'some other value', 
    'edit_0' : 'N', 
    'remove_0' : '_', 
    'add_0' : '-', 
    'go_0'  : 'stop?' 
}; 
$('#form_coord_0').find('input').val(function (index, value) { 
    return inputs_to_values[this.id]; 
}); 

Вы можете передать .val() функцию, независимо возвращается из функции для каждого элемента будет новое значение:

Функция, возвращающая значение для установки.

этот - текущий элемент.

Получает индексное положение элемента в наборе и значение старого в качестве аргументов.

Источник: http://api.jquery.com/val

Приведенный выше код предполагает, что каждый вход будет иметь свойство в inputs_to_values объекта, так что вы можете преобразовать идентификатор входа в новое значение для этого входа.

Вот демо: http://jsfiddle.net/zYfpE/