Jquery 为什么我的更新输入没有用AJAX提交？

我有一些文本输入，默认值为颜色。当用户单击按钮时，该值将替换为从颜色选择器中拉出的十六进制值。当我尝试通过AJAX提交表单时，输入值被重置为color。为什么会这样？仅供参考，输入被禁用，因此用户无法输入备用文本

HTML

---

在没有看到代码的情况下很难知道，但是我猜您的JS没有正确地选择元素来解释初始加载后加载的DOM元素

---

你能把相关代码贴出来吗

我不确定，因为您的代码仍然不完整，但根据W3标准，禁用控件的值未以表单形式提交。看看这个

---

如果希望用户不显式更改值，则可以将控件标记为只读。

除非显示代码，否则如何判断错误？禁用的控件值不会以表单形式提交。如果您粘贴一些正在使用的脚本，我们将不胜感激。您正在绑定事件，而不是设置其值。$'buttonbtn'+索引+1。单击时，函数{应该在注释中

<table id="lbltbl">
    <tr>
        <td>
            <p class="lbls" id="lbl1"><input class="lab" type="text" name="c1" id="clr1" value="color1" disabled="disabled" /></p>
            <p class="lbls" id="lbl2"><input class="lab" type="text" name="c2" id="clr2" value="color2" disabled="disabled" /></p>
            <p class="lbls" id="lbl3"><input class="lab" type="text" name="c3" id="clr3" value="color3" disabled="disabled" /></p>
            <p class="lbls" id="lbl4"><input class="lab" type="text" name="c4" id="clr4" value="color4" disabled="disabled" /></p>
        </td>
        <td>    
            <p class="lbls" id="lbl5"><input class="lab" type="text" name="c5" id="clr5" value="color5" disabled="disabled" /></p>
            <p class="lbls" id="lbl6"><input class="lab" type="text" name="c6" id="clr6" value="color6" disabled="disabled" /></p>
            <p class="lbls" id="lbl7"><input class="lab" type="text" name="c7" id="clr7" value="color7" disabled="disabled" /></p>
            <p class="lbls" id="lbl8"><input class="lab" type="text" name="c8" id="clr8" value="color8" disabled="disabled" /></p>
        </td>
    </tr>
</table>

$('input.lab').each(function(index) {
    $('button#btn' + (index + 1)).on('click', function() {
        $('input#clr' + (index + 1)).val('#' + $('div.colorpicker_hex').children().val());
    });
});

$.ajax ({
    type: 'post',
    url: 'classes/requests/addRequest.php',
    data: {
        c1: $('#clr1').val()
    }