javascript - 如何在 Laravel 中禁用只读输入?
问题描述
我的 Laravel 项目有问题。在一个表单中,我输入了带有 readonly 属性的输入
<input type="text" name="anamFam" id="anamFam" value="{{$aFam->anam_cont}}" readonly>
当我按下按钮编辑时,我需要禁用或删除只读属性。所以我尝试以这种方式使用javascript
function edit() {
document.getElementById('anamFam').readOnly=false;
}
或者在 js 中使用这个:
document.getElementById('anamFamiliare').removeAttribute('readonly')
在jQuery中我尝试过这种方式
$(document).ready(function ( e) {
$(document).on("click", "#edit", function (e) {
$(':input').removeAttr('readonly')
})
})
或者在 jQuery 中使用它:
$(':input').prop('readonly',false)
因此,当我单击按钮时,输入边框变黑时会发生一些事情,但是当我尝试在输入中编辑时,由于指针没有出现,我无法编辑。那么问题是什么
编辑
我使用disabled
属性解决了
解决方案
在您的 jQuery 代码中,使用以下行而不是您正在使用的行
$("#anamFam").attr("readonly", false);
希望它有效。
推荐阅读
- python - 我正在尝试访问数据框中的列并对其进行操作并在数据 fame 中创建新列
- java - 内部静态类的 Lombok 注释
- javascript - 在threejs中旋转相机时深度不正确
- python - 问:Python 3:为什么 bytearray 元素比较 b'ABC'[0] == b'A' 等于 False?
- javascript - 以编程方式填充 mat-select (ngModel)
- reactjs - 比较值与开玩笑没有视觉差异
- windows - 在 Windows 上未经许可打开 shell
- javascript - 滚动到带有粘性导航栏的元素的按钮,如何?
- ckeditor - 在 CKEdtior 中保存文本 CE 时的额外段落(是否为空)(仅限 Typo3 版本 9)
- asp.net-core - 中间件内的asp .net核心重定向