入力タイプを変更する

Question

かなり動的なサイトで作業しています。ユーザーが入力したいものを選択できるようにします。入力の選択肢は、さまざまなタイプの入力（テキスト、パスワードなど）です。これを作成するスタイル/方法はありますか？私は彼らがドロップダウンメニューから選択し、その後、Javascriptが残りを処理すると考えていました。しかし、これに対処するための確立された方法があるはずだと私は思っています。

ありがとうございました。

Answer 1

Javascriptでは、次のように入力を作成します。あなたはその場で入力を作成したい場合

var input = document.createElement('input'); 
input.type = 'button'; 
... 

だから、あなたは文字列（ボタン、テキストなど）などの入力の種類を示していますドロップダウンを作成することができます。ユーザーがドロップダウン内の文字列を選択した後に続いて、次のようなJavaScript関数に渡します：

その後

function createInput(type) { 
    var input = document.createElement('input'); 
    input.type = type 
    ... 
    return input; 
} 

、あなたはIDとページ上の要素への入力を追加したい場合は、 ' FOO '：

var input = createInput('button'); 
var appendToThis = document.getElementById('foo'); 
appendToThis.appendChild(input); 

あなたがページでid fooでdivタグを持っている想像し、ページ上のdivを開始したい場合：

<div id=foo><input type=text></div> 

そして、ユーザが選択したとき項目、クリアDIVと新しい入力します：

function whenUserChoosesAType(type) { 
    var div = document.getElementById('foo'); 
    rac(div); 
    var input = document.createElement('input'); 
    div.appendChild(input); 
}  

//abbreviated function to clear the contents of a DOM element such as a div 
function rac(elem) { 
    while(elem.hasChildNodes()) elem.removeChild(elem.firstChild); 
} 

Answer 2

を私はもともとこのようなあなたの質問に答え：。

<input type="text" id="changingInput"> 
<input type="button" value="Click Here For Example Of Changing" onclick="javascript:document.getElementById('changingInput').type = 'password';"> 

しかし、私がチェックし、それがIE ...またはコースでは動作しませんでした（それSafariで素晴らしい仕事）だから私はここにこの偉大なリンクを見つけたん：

http://www.universalwebservices.net/web-programming-resources/javascript/change-input-element-type-using-javascript

ホープ、このことができます！