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标签，并填充了我的下拉列表。我很困惑，为什么当我在我的文本字段的td中放置select时，这对我当前的代码不起作用。是否有任何规则我必须将它们放在单独的标签中？在我的情况下，我必须将它们放在相同的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>');
}

在下拉框中附加选项？

1 个答案: