更改输入名称值

Question

是否可以更改输入元素的名称值？

这是我的代码，但我可以设置除名称之外的任何内容。

$('#country').change(function(){
    var $country = $(this);
    var $state = $('#state');
    var $county = $("#county");
    if($country.val() != 226){
        $state.attr('name', '');
        $state.closest('p').hide();
        $county.attr('name', 'user[state]');
        $county.closest('p').show();
    }else{          
        $state.attr('name', 'user[state]');
        $state.closest('p').show();
        $county.attr('name', '');
        $county.closest('p').hide();            

    }
});

有什么想法为什么设置名称属性不起作用？

希望大家多多指教

Answer 1

我在这里瞎猜，看来你想阻止这些元素提交到服务器，如果是这种情况，而不是尝试更改 name 属性，你可以设置禁用属性，像这样：

$('#country').change(function() {
    var $country = $(this), $state = $('#state'), $county = $("#county");
    if($country.val() != 226) {
        $state.attr('disabled', true).closest('p').hide();
        $county.attr('disabled', false).closest('p').show();
    } else {
        $state.attr('disabled', false).closest('p').show();
        $county.attr('disabled', true).closest('p').hide();
    }
});

当表单元素具有 disabled 属性时，它不能 成功，表示提交到服务器时不会被收录。因此，在上面的示例中，只需从一开始就给出两个输入 name="user[state]"，这将从您的 POST（或 GET）中排除您不想要的输入>

可以。

它没有直接回答问题，我意识到这一点，但这是另一种（我认为）更简单的方法来避免问题:)您可以使用 .toggle(bool) 但我认为它破坏了示例，所以我在上面将其未压缩，简短版本如下所示：

$('#country').change(function() {
  var is226 = $(this).val() == 226;
  $('#state').attr('disabled', !is226).closest('p').toggle(is226);
  $("#county").attr('disabled', is226).closest('p').toggle(!is226);
});

Answer 2

如果我没记错的话，这是一个 IE bug。我必须将 JQuery obj 转换为字符串，将名称更改为字符串，然后在 html 字符串周围创建一个新的 jquery 对象。

所以

var form = $('#myForm').html();
form.replace('name', 'newName');
$('#myFormWrapper').html(form);

显然更改名称属性比应有的更困难：/