javascript - 在 JQuery/Javascript 中填充和锁定输入表单字段

Question

我有一个表格。我获取了一个我填充的输入字段，然后我想将该字段设置为只读。

字段定义为:

<label>MyId:</label> <input type="text" name="my_id" id="my_id"><br>

然后在我的 Javascript 代码中:

var row = table.row( $(this).parents('tr') ).data();
$('#myForm input[name=my_id]').val(row.my_id);

但是，我不确定在设置值后如何将字段设置为只读。

Answer 1

使用prop()更新元素属性的方法。

$('#myForm input[name=my_id]').val(row.my_id).prop('readonly', true);

---

或者使用 attr()添加属性的方法。

$('#myForm input[name=my_id]').val(row.my_id).attr('readonly', 'readonly');