web-dev-qa-db-ja.com

フォームにjQueryを入力する

JQueryを使用して、いくつかのデフォルト値をフォームに入力しようとしています。

フォームはidを持つ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;

しかし、それは機能していないようです。ヒントはありますか？

jqueryformsfill
15
nick2k3

val（） 関数を使用して入力値を設定できます

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

ちなみに、実際の基になるdom要素にvalueプロパティを設定することで、元のコードを機能させることができます。 jQueryの結果にインデックスを付けることでdom要素にアクセスします。

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

すべての答えはまったく同じなので、違うものを投稿したいと思いました。

_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()関数を渡すことができます。各要素の関数から返されるものはすべて新しい値になります。

設定する値を返す関数。

thisが現在の要素です。

セット内の要素のインデックス位置と古い値を引数として受け取ります。

ソース： http://api.jquery.com/val

上記のコードは、各入力が_inputs_to_values_オブジェクトのプロパティを持つことを想定しているため、入力のIDをその入力の新しい値に変換できます。

ここにデモがあります： http://jsfiddle.net/zYfpE/

15
Jasper

入力フィールドの値を設定するには

$("#coordX_0").val(123)
3
Pastor Bones
$("#coordX_0").val("123");

あなたも引用符が必要だと思います。それは両方の方法で機能するかもしれませんが。

3
Tom

val メソッドを使用して、代わりにこれを試してください：

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

書くだけ：

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

jQueryでは、textはdomでテキストを抽出する関数です。

3
Lai Yu-Hsuan

valメソッドを使用して、inputフィールドのテキストを設定します。

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

val関数を使用する

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

代わりにこれを使用してください：

$("#coordX_0").val("123");
1
Kyle Trauberman