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="<a href="https://stackoverflow.com/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="b8ddc0d9d5c8d4ddf8dfd5d9d1d496dbd7d5" rel="noreferrer noopener nofollow">[email protected]</a>" 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 放在有文本字段的 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>');
}