ドロップダウンボックスにオプションを追加しますか？

Question

私は自分のプロジェクトで、ドロップダウンボックスと入力テキストフィールドを同じtdタグに入れたいと思っています。ここに私の現在のコードは次のとおりです。私は、ドロップダウンボックスを移入するために使用

<td > 
    <label class="avbHide"> 
    <select id="test" name="test"> 
     <option value="">--Select User--</option> 
    </select> 
    <input type="text" name="" id="block" class="email" value="" placeholder="example@gmail.com" title="Enter email please."/> 
    </label>         
</td> 

のjQueryコード：

var studValues = []; 

studValues.push({'idOne':"13",'idTwo':"Mike, Pears"}); 

studValues.push({'idOne':"16",'idTwo':"Steven, Reed"}); 

studValues.push({'idOne':"14",'idTwo':"John, Cook"}); 


for(var i=0; i < studValues.length; i++){ 
    $('#test').append('<option value='+studValues[i].idOne+'>'+studValues[i].idTwo+'</option>'); 
} 

だから私はこのコードを使用しようとした私のドロップダウン読み込まれることはありません飽きません。それから、tdタグの外側に選択タグを作成し、ドロップダウンに値が設定されました。私は混乱しています、なぜ私は現在のコードで動作しません。別のタグに入れなければならないというルールはありますか？私の場合は、同じtdタグに入れなければなりません。

Answer 1

が、私はjsfiddleでそれを実行しようとしました：https://jsfiddle.net/nrx02nwg/

それは代わりに$ jは$しなければならない、あなたは思いませんか？

for(var i=0; i < studValues.length; i++){ 
    $('#test').append('<option value='+studValues[i].idOne+'>'+studValues[i].idTwo+'</option>'); 
}