将输入设置为只读[重复]答案

【问题标题】：Set Input to read Only [duplicate]将输入设置为只读[重复]
【发布时间】：2017-06-20 07:59:52
【问题描述】：

我有这个输入，我需要使用 jquery 将其设置为readonly。以下是我到目前为止所做的，但代码不起作用。我的错误是什么？

HTML：

<input type="text" placeholder="" data-field-id="field26" name="field26[]" data-min-char="" data-max-char="" data-val-type="url" data-regexp="" data-is-required="false" data-allow-spaces="" class="validation-lenient" data-placement="right" data-toggle="tooltip" tooltip="" data-trigger="focus" data-html="true" data-input-mask="" data-mask-placeholder="">

js:

$( document ).ready(function() {
    input('[data-field-id="field26"]').setAttribute("readonly", true);
    $('[data-field-id="field26"]').setAttribute("readonly", true);
});

【问题讨论】：

为此使用.prop()
使用document.querySelectorjsfiddle.net/yv1roo2y

标签： jquery

【解决方案1】：

$(document).ready(function() {
    $('[data-field-id="field26"]').attr("readonly", true);
});

【讨论】：

【解决方案2】：

试试

$("#fieldName").prop("readonly", true);

或添加归属地禁用=“禁用”

【讨论】：

Disabled 和 readonly 不是一回事（disabled 不会与表单一起发布）。