用jQuery填写表单

时间:2012-01-18 17:02:17

标签: jquery forms fill

我正在尝试使用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;  

但它似乎不起作用。任何提示?

8 个答案:

答案 0 :(得分:23)

您可以使用val()功能设置输入值

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

顺便说一句,您可以通过在实际的底层dom元素上设置value属性来使您的原始代码工作。您可以通过索引jQuery结果来访问dom元素:

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

答案 1 :(得分:3)

设置输入字段的值

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

答案 2 :(得分:3)

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

我认为你也需要报价。虽然它可能两种方式都有效。

答案 3 :(得分:3)

请尝试使用val方法:

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

答案 4 :(得分:3)

只需写下:

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

jQuery中,text是一个用于在dom中提取文本的函数。

答案 5 :(得分:2)

使用val方法设置任何input字段的文本。

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

答案 6 :(得分:2)

使用val函数

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

答案 7 :(得分:1)

请改用:

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