jquery - 将选项附加到下拉框？

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 标签之外创建了 select 标签，并填充了我的下拉列表。我很困惑，当我将 select 放在我有文本字段的 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>');
}