Điền vào biểu mẫu với jQuery

Question

Tôi đang cố gắng sử dụng jQuery để điền vào biểu mẫu với một số giá trị mặc định.

Biểu mẫu được chứa trong div có id. Trong thực tế, mỗi phần tử có một id, tôi đã làm như vậy chỉ để có thể nhanh chóng chọn từng phần của biểu mẫu bằng cách sử dụng cú pháp $("#id").
Dưới đây là hình thức:

<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> 

tôi cần phải thiết lập các lĩnh vực coordX_0 văn bản với một số giá trị, chúng ta hãy nói: 123.

Tôi nghĩ tôi có thể làm

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

Nhưng nó dường như không làm việc. Bất kỳ gợi ý nào?

Answer 1

Bạn có thể sử dụng val() chức năng để thiết lập đầu vào giá trị

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

Ngẫu nhiên, mã ban đầu của bạn có thể được thực hiện để làm việc bằng cách thiết lập giá trị thuộc tính trên phần tử dom thực tế. Bạn truy cập vào các yếu tố dom bởi lập chỉ mục kết quả jQuery của bạn:

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

Answer 2

Để thiết lập giá trị của một lĩnh vực đầu vào của nó

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

Answer 3

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

Bạn cần có dấu ngoặc kép quá tôi nghĩ. Mặc dù nó có thể làm việc cả hai cách.

Answer 4

Sử dụng val phương pháp để thiết lập các văn bản của bất kỳ lĩnh vực input.

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

Answer 5

Hãy thử điều này thay vào đó, bằng cách sử dụng phương pháp val:

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

Answer 6

Sử dụng này để thay thế:

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

Answer 7

sử dụng chức năng val

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

Answer 8

Chỉ cần viết:

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

Trong jQuery, text là một hàm để trích xuất văn bản trong dom.

Answer 9

Tất cả các câu trả lời là chính xác cùng vì vậy tôi nghĩ rằng tôi muốn gửi một cái gì đó khác nhau:

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]; 
}); 

Bạn có thể vượt qua .val() một chức năng, bất cứ điều gì được trả về từ hàm cho mỗi phần tử sẽ là giá trị mới:

Hàm trả về giá trị cần đặt.

này là yếu tố hiện tại.

Nhận vị trí chỉ mục của phần tử trong tập hợp và giá trị cũ làm đối số.

Nguồn: http://api.jquery.com/val

Đoạn mã trên hy vọng rằng mỗi đầu vào sẽ có một tài sản trong đối tượng inputs_to_values vì vậy bạn có thể chuyển đổi ID của đầu vào cho các giá trị mới cho đầu vào đó.

Đây là bản trình diễn: http://jsfiddle.net/zYfpE/