javascript - 无法使用 Angular.js/JavaScript 通过 jQuery 序列化方法获取禁用的下拉字段值

Question

我需要从使用 jQuery/Angular.js 禁用的下拉列表中获取所选数据:

<div class="input-group bmargindiv1 col-md-12">
     <span class="input-group-addon ndrftextwidth text-right" style="width:180px">Status :</span>
    <select class="form-control" name="status"  id="status" ng-model="status"  ng-change="removeGSTValue('status');" disabled="disabled" >
                                     <option value="">Select Status</option>
     <option value="1">Active</option>
    <option value="0">Inavtive</option>
     </select>
    </div>

已选择一个值，此字段已禁用，只能查看，无法更改。我必须获取预先选择的内容，但它不会像使用 jQuery 序列化方法那样发生。当我使用只读时，下拉值正在改变。

Answer 1

您将希望使用只读属性而不是禁用。

您可以采取多种解决方法，例如使用非禁用隐藏字段将值传递给 jQuery 序列化，但只需使用正确的 HTML 属性就可以了。

此外，您不需要 jQuery 序列化。使用 ng-model 的前缀，例如 formData.status 而不是 status。在 http 请求中提交该 formData 值，或者仅使用 JSON.stringify(formData)。