テキストフィールドのテキストをjavascriptのselectboxに追加しますか？

Question

JavaScriptを使用して（ボタンをクリックした後に）選択リストにテキストフィールドからテキストを（ユーザーごとに）追加することに関する良いチュートリアルを誰かが指摘できますか？ここで

おかげ

Answer 1

はあなたが動的テキストフィールドからの入力ではJavaScriptを使用して、selectタグにオプションを追加する方法を示しているシンプルjsfiddleです：

HTML：

<select id='myselect'></select> 
<input type='text' value='' name='mytext' id='mytext' /> 
<button value='submit' id='mybtn' name='submit'>submit</button> 

のJavaScript：

var myselect = document.getElementById('myselect'); 

function createOption(){ 
    var currentText = document.getElementById('mytext').value; 
    var objOption = document.createElement("option"); 
    objOption.text = currentText ; 
    objOption.value = currentText ; 

    //myselect.add(objOption); 
    myselect.options.add(objOption); 
} 

document.getElementById('mybtn').onclick = createOption; 

基本的にはテックスtフィールド、ボタン、および選択ボックスをHTML内に表示します。送信ボタンには、createOption関数を呼び出すonclickイベントが添付されています。 createOption関数は基本的にoption要素を作成し、それをテキストボックスのテキストと同じオプションテキストと値で選択ボックスに追加します。 document.getElementsByIdを使用すると、新しく作成された要素をSelectboxに挿入し、挿入された値をテキストフィールドから取得できます。

あなたが書かれたチュートリアルを探している場合ただし、これは動的にcreateOptionを関数の最後の行は、 `（objOptionを）myselect.options.addする必要がありますフォームCreating a Form Dynamically