如何用表单提交的data-attribute替换值? JQuery的

时间:2017-07-12 12:36:06

标签: javascript jquery ajax forms

我在表单上输入文本字段显示员工姓名。该字段还具有员工ID的data-staff属性。在数据库中,我想存储员工ID而不是员工姓名。我使用JQuery ajax提交表单。当我在调试工具中检查我的参数时,我只看到每个字段的值是预期的。我想知道我是否能以某种方式用数据属性替换人员输入字段的值?或者,如果有更好的方法来处理这种情况?这是我的例子:

HTML:

<input type="text" name="frm_staff" id="frm_staff" value="John, Miller" data-staff="052667" size="40" maxlength="50" /> 

JQuery的:

formData = $('#'+frmID).serialize();

$.ajax({
    type: 'POST',
    url: 'Components/myFunction.cfc?method='+frmID,
    data: formData,
    dataType: 'json'
}).done(function(obj){
    if(obj.STATUS === 200){
        return true;
    }else{
        return false;
    }
}).fail(function(jqXHR, textStatus, errorThrown){
    alert(errorThrown);
});

如果有人知道更好的技术,请告诉我。谢谢。

1 个答案:

答案 0 :(得分:0)

在序列化表单之前,您可以使用value.data()方法重置输入的$('#frm_staff').val()

您的代码如下所示:

$('#frm_staff').val($('#frm_staff').data('staff'));
formData = $('#'+frmID).serialize();