我试图动态创建一个选择输入里面的div,但事实证明,有一个空的div与注意。无法动态创建选择与其选项
正如您所见,$ eduRow是一个用作容器的div。试图以多种方式解决它,但仍然无法正常工作(总是出现空格)。
我有一个单击按钮,可以在点击后动态创建这些选择的东西。
以下是写入文件准备功能的功能。
$("#addMoreEdu").on('click', function() {
var $eduRow = $("#edu-row");
var select = $('<select />', {
'class': 'selectoption'
});
$(select).append($('<option value="" disabled selected>Degree option</option>'));
$(select).append($('<option value="1">High School</option>'))
$(select).append($('<option value="2">College</option>'))
$(select).append($('<option value="3">Bachelors degree</option>'))
var div = $('<div />', {
'class': 'input-field col s12 m4 l4'
});
$(div).append(select)
$eduRow.append(div);
$eduRow.append('<div class="input-field col s12 m4 l8"><span class="fieldLabel"> Institutes Name</span><input placeholder="Institutes Name" id="IntsName" type="text" /></div>');
});
另一个奇怪的是,第二个append工作正常。我认为在选择时一定有一些问题:\ 有什么想法?
注意:如果您可以看看教育背景部分,我在这里有我的代码codepen。
'disabledselected' – gcampbell