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

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

Форма содержится в div, который имеет id. На самом деле каждый элемент имеет 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;

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

Ответ 1

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

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

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

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

Ответ 2

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

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/

Ответ 3

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

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

Ответ 4

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

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

Ответ 5

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

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

Ответ 6

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

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

Ответ 7

используйте функцию val

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

Ответ 8

Просто напишите:

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

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

Ответ 9

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

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