別の選択（ドロップダウン）ボックスを作成/追加する機能

Question

ボタンをクリックすると<select>（ドロップダウン）ボックスを挿入/追加する必要があります。ボタンをクリックするたびに新しい<select>が追加されます。

いくつかのjavascript/jquery関数をテストしました。私はそれに多くの背景がないので、私は運がありません！

編集：
申し訳ありませんが、ただちょっとこれにソースコードを表示するだけで放浪誰にも他の質問から助けを借りて自分の質問に答えました。ほとんど私が望んでいたが、リスト内のいくつかのPHPを実装しなければならなかった

は

http://jsbin.com/ufuxuq/

ので、私はそれで余計なトラブルがあったが、それは今、すべての良いことです。

おかげ

Answer 1

ちょうどちょっとの助けを借りて自分の質問に答え申し訳ありませんこれに関するソースコードを見るだけで誰か他の人に質問してください。ほとんど私が望んでいたが、リスト内のいくつかのPHPを実装しなければならなかった

は

http://jsbin.com/ufuxuq/

ので、私はそれで余計なトラブルがあったが、それは今、すべての良いことです。 StackOverflowのに

おかげ

Answer 2

あなたは$("<select/>");
append機能付き<select>要素（または任意の他の要素）を作成することができ、アイテムにHTMLを追加するために使用することができます。それらを組み合わせること利回り

：アダムによって上記で説明したように

$("#buttonToAddDD").click(function() { 
    var newDD = $("<select/>"); 
    $(newDD).append("<option>New Option 1</option>"); 
    $(newDD).append("<option>New Option 2</option>"); 
    $("#whereYouWantToAddNewDD").append(newDD); 
}); 

<div id="whereYouWantToAddNewDD"></div> 
<input type="button" id="buttonToAddDD" value="Add DD" /> 

Answer 3

は、動的にHTMLコードを削除/作成するには、jQueryを使って簡単です。ただし、ユーザーにもそれらを削除する機能を提供するように注意してください。 最善の方法は、選択ボックスにIDを追加することと、どちらか、それを完全に除去することができたクリックに近い「X」でスパン/ DIVを提供する

$(document).ready(function(){ 
{ 
    $("#close").click({function(){ 

    $("#selectid").remove(); // to remove the select 
    $("#selectid").hide(); //this would hide it but when submitted, the default/selected option shall still be submitted 
    $("#close").remove(); 
    }): 
});