Как изменить имя Textbox, прежде чем Добавить в Javascript

Question

Я хочу изменить имя текстового поля до отправки формы

Мой текстовое поле:

<input type="text" name="txtUserName" id="txtUserName" /> 

я сделать эту функцию для Java Script:

function abc() 
{ 
    document.getElementById('txtUserName').name="ID_USERNAME" 
    document.loginform.action = "url"; 
} 

Я пробовал document.getElementById('txtUserName').name="ID_USERNAME" но не работал

Примечание: Пожалуйста, не используйте функцию JQuery

Answer 1

Ваш код работает отлично. (Я заполнил несколько бит):

Посмотрите, как работает здесь: http://jsfiddle.net/giddygeek/XvtnZ/2/ Запустите его и осмотрите элемент (в Chrome) или просмотрите исходный код и проверьте свой элемент текстового поля.

<form id="login_form" action=""> 
<input type="text" action="post" name="txtUserName" id="txtUserName" /> 
</form> 

JS:

function abc() 
{ 
    document.getElementById('txtUserName').name="ID_USERNAME" 
    document.getElementById('login_form').action = "the_url"; 
    //check the values.. 
// alert(document.getElementById('txtUserName').name); 
// alert(document.getElementById('login_form').action); 
} 

Answer 2

Я бы лучше написал правильное имя в поле ввода.
Если по какой-либо причине не может быть сделано, я бы просто сделать:

<form onsubmit="this[0].name='ID_USERNAME';"> 
    <input type="text" name="txtUserName" id="txtUserName" /> 
    <input type="submit"> 
</form> 

Answer 3

попробовать это

document.getElementById('txtUserName').setAttribute("name","ID_USERNAME");