Изменение значения входного имени

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();    

    } 
}); 

Любые идеи, почему установка имени attr не работает?

Надеется, что вы можете посоветовать

Answer 1

Я беру выстрел в темноте здесь, кажется, что вы хотите, чтобы предотвратить эти элементы от представления к серверу, если это так, вместо того, чтобы пытаться изменить атрибут name, вы можете установить disabled attribute, как это:

$('#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, он не может быть successful, что означает, что он не будет включен при отправке его на сервер. Поэтому в приведенном выше примере просто дайте оба входа name="user[state]" с самого начала, и это исключает тот, который вы не хотите от POST (или GET), который делает ваш <form>.

Это не отвечает на вопрос напрямую, я понимаю это, но это другой (я думаю) более простой способ избежать проблемы :). Вы можете сократить это дальше, используя .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. Мне пришлось преобразовать объект JQuery obj в строку, изменить имя как строку, а затем создать новый объект jquery вокруг строки html.

так

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

Видимо меняется имя атрибута является более сложным, чем он должен быть:/