Javascript 如何在js中获取动态下拉列表的选定值

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

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");

---

从您发布的代码来看，您似乎正在创建两个具有相同id的元素，即select和前面的div。从：

如果已创建多个元素 已分配相同的ID，使用 该ID将只选择第一个 DOM中匹配的元素

这意味着您的代码试图获取div元素的值，而不是select元素的值。尝试为div指定不同的id：

---

从您发布的代码来看，您似乎正在创建两个具有相同id的元素，即select和前面的div。从：

如果已创建多个元素 已分配相同的ID，使用 该ID将只选择第一个 DOM中匹配的元素

这意味着您的代码试图获取div元素的值，而不是select元素的值。尝试为div指定不同的id：

你打电话

$('#jobDropDown1').val()

但是你选择的看起来像

<select id="jobDropDown'

将1添加到它的id，它将执行您调用的技巧

$('#jobDropDown1').val()

但是你选择的看起来像

<select id="jobDropDown'

将1添加到它的id中，它将执行您重复了不该重复的id的操作。 您有两种选择：

1更改为不同的id，然后使用jquery正常选择

2如果你不能不想要，你应该做：

$('select#jobDropDown1').val()

这样，我们就可以通过标记名来区分两个相同的ID

希望这有帮助。干杯

你重复了不该重复的ID。 您有两种选择：

1更改为不同的id，然后使用jquery正常选择

2如果你不能不想要，你应该做：

$('select#jobDropDown1').val()

这样，我们就可以通过标记名来区分两个相同的ID

---

希望这有帮助。干杯

您对div和select使用相同的id。为什么？请再读一遍我的答案。我发布的代码将创建一个ID为jobDropDown\u divN的div，后面是一个ID为jobDropDownN的select。您对div和select使用相同的ID。为什么？请再读一遍我的答案。我发布的代码将创建一个ID为jobDropDown\u divN的div，后面是一个ID为jobDropDownN的select。您对div和select使用相同的ID。为什么？div和select使用相同的id。为什么？