文本字段已停用问题

Question

我正在使用PHP，我编写了一个带有文本和数字字段的简单表单。有一个字段禁用input type="number"。我无法在该字段中键入任何值。该字段会自动获取数据，但我想在该字段中键入或更改该值。

字段的名称是“单位数”input type="number" value="0" min="0"。

这是the link to that form。

Answer 1

如果元素是只读或禁用，则无法更改元素的值。尝试删除只读或禁用，然后键入任何内容。

另一种选择是你可以使用Javascript或JQuery。

Answer 2

代码的第9行：

$('.pnm, .price, .subtot, .grdtot, .widtot, .perm, .tottot, .voltot, .vol, .tot, .vols, .cartontot, .widths, .depths, .heights, .acts').prop('readonly', true);

此输入元素包含类cartontot 你的javascript正在为它添加一个只读属性。

Answer 3

这是你输入的HTML，

<input class="form-control cartontot js-numbers" type="number" contenteditable="true" name="unit" id="unit" min="0" required="" placeholder="required" value="0" readonly="">

在输入html末尾删除readonly属性后，将html替换为该输入的html

<input class="form-control cartontot js-numbers" type="number" contenteditable="true" name="unit" id="unit" min="0" required="" placeholder="required" value="0" >

请记住，disabled和readonly属性用于禁用html中的输入。

修改

    $('.pnm, .price, .subtot, .grdtot, .widtot, .perm, .tottot, .voltot, .vol, .tot, .vols, .cartontot, .widths, .depths, .heights, .acts').prop('readonly', true);

检查此代码，写在代码中的某处，只需从中移除cartontot此类