javascript - js如何获取动态下拉菜单的选定值

Question

我正在模板中创建动态下拉菜单。我无法获取这些的选定值。

var newjobDropDown = $(document.createElement('div')).attr("id", 'jobDropDown' + counter);

newjobDropDown.after().html('<label><?php echo __(Job Vacancy); ?></label>' +
                            '<select  id="jobDropDown' + counter +'"'+' onchange="validate()"'+' class="vacancyDrop"'+'>'+buildVacancyList()+'</select>'+
                            '<span onclick="removeDrop(event)"'+'class="removeText"'+ 'id="removeButton'+counter+'">'+remove+'</span>'+'<br class="clear" />');

newjobDropDown.appendTo("#TextBoxesGroup");

我使用以下代码来获取该值，但我得到了一个空值。

$('#jobDropDown1').val()

Answer 1

你打电话

$('#jobDropDown1').val()

但是你选择的看起来像

<select id="jobDropDown'

将 1 添加到其 id 中即可实现目的