jquery - 防止序列化输入

Question

我有选择选项框。

<form class="i-hate-u">
   <select class="helloMoto" name="helloMoto">
      <option value="">Select...</option>
      <option value="-1">Other</option>
   </select>
</form>

当最终用户选择“其他”选项时，文本输入显示如下:

$('.helloMoto').on('change', function() {
      if ($(this).val() == '-1')
            $(this).hide();
            var input_name = $(this).attr('name');
            var input = '<div class="input-group">' +
                             '<input type="text" class="form-control" name="'+input_name+'" placeholder="Type other.">' +
                              '<span class="input-group-btn">' +
                                     '<button class="btn btn-primary" onclick="removeSelectOther(this);"><i class="la la-close"></i></button>' +
                              '</span>' +
                        '</div>';

            $(this).parent().append(input);
});

最后，当最终用户点击保存按钮时，我会像这样序列化整个表单:

var data = $('.i-hate-u').serialize();

如您所见，如果用户选择了其他选项，输入将以相同的名称出现。如果用户选择其他选项，我想删除。如果序列化值具有相同的名称，有什么办法可以跳过第一个或 -1。

Answer 1

在序列化之前，检查 value 是否对于 helloMoto是-1如果是，则禁用 <select>喜欢(在表单提交上):

if($('select[name="helloMoto"]').val() == -1)
{
    $('select[name="helloMoto"]').attr('disabled', true);
}

或者你可以尝试，只排除 helloMoto序列化时:

if($('select[name="helloMoto"]').val() == -1)
{
    var data = $('input[name!=security]', $('.i-hate-u')).serialize();
}else 
{
    var data = $('.i-hate-u').serialize();
}