jquery thiết lập giá trị đầu vào ẩn không làm việc như mong đợi trong IE7 và IE8

Question

Tiếp tục áp dụng mã của tôi để làm việc với IE ...

Tôi có một ẩn div chứa một hình thức để chỉnh sửa một số thông tin. Khi người dùng chọn mục cần chỉnh sửa, div này được hiển thị và các trường được điền thông tin cho mục đó. Số div đó (theo thuật ngữ đơn giản) trông giống như sau:

<div id="editform"> 
<form action="" method="post" id="qform" name="qform"> 
    First param: <input name="field1" id="field1"/> <br/> 
    Second param: <input name="field2" id="field2"/> <br/> 
    ... 

    <input type="hidden" name="qid" id="qid" value=""/> 

    <img id="submit" src="..." alt="..." title="..." /> 
</form> 

Tôi sử dụng jquery để đặt giá trị vào các trường. Chức năng của tôi để mở div chỉnh sửa trông giống như sau:

function edit_item(item_id) { 
    item = get_item(item_id); //this will return a JS object 
    $('#field1').val(item.property1); 
    $('#field2').val(item.property2); 
    ... 
    $('#qid').val(item_id); 
    $('#submit').click(function() { 
     alert($('#qid').val()); 
     $('#qform').ajaxSubmit(); 
    }); 
} 

Tất cả điều này hoạt động tốt trong IE7 và IE8, tôi gặp sự cố lạ. Tôi có thể thấy item_id được đặt chính xác trong chức năng edit_item, tuy nhiên ngay sau khi chức năng đó hoàn tất, giá trị nhập ẩn (qid) được đặt lại thành chuỗi rỗng. Khi biểu mẫu được gửi ajax, cảnh báo cho biết giá trị là một chuỗi trống mặc dù nó được đặt chính xác. Thật thú vị, tất cả các lĩnh vực khác là tốt. Và nó hoạt động chính xác trong IE 9.

Tôi thiếu gì ở đây? Rất cám ơn trước.

Answer 1

này là hoàn toàn ngu ngốc, và nó không phải là trường hợp, tuy nhiên:

$('#field1').val(item.property1); 

đã không làm việc. Tuy nhiên,

$('#field1').attr("value", item.property1); 

hoạt động tốt. Tôi để nó ở đó.

Answer 2

Giải pháp cho IE mà không JQuery trong tinh khiết JavaScript trông không quá phức tạp:

document.getElementById(id).setAttribute('value', value); 

Answer 3

Ngoài câu trả lời Aleks G, tôi phát hiện ra rằng value thuộc tính phải không được định nghĩa ngầm trong các yếu tố tiềm ẩn trong để jQuery .setAttr() và .val() làm việc mà không có vấn đề trong IE8.

Xem ở đây để biết thêm chi tiết: jQuery .val() setter not working?