Javascript 如何使用jQuery获取函数中下拉列表的值？

我的表单中有多个动态创建的下拉列表。我想在函数中获取所选下拉选项的值

  <select class="form-control" id="sel1" name="dropdwn">
    <option value="'.$r['2'].'">'.$r['2'].'</option>
    <option value="'.$r['3'].'">'.$r['3'].'</option>
    <option value="'.$r['4'].'">'.$r['4'].'</option>
    <option value="'.$r['5'].'">'.$r['5'].'</option>
    <option value="'.$r['6'].'">'.$r['6'].'</option>
    <option value="'.$r['7'].'">'.$r['7'].'</option>
    <option value="'.$r['8'].'">'.$r['8'].'</option>
  </select>

“.$r['2']”
“.$r['3']”
“.$r['4']”
“.$r['5']”
“.$r['6']”
“.$r['7']”
“.$r['8']”

这将为您提供选择的值

$（'#sel1'）.val（）

现在如果它们是动态的，你把“1”放在“sel”之后。。然后，您可以在所有的选择上循环并获得值

像

---

可以对所有下拉列表使用公共类

说

将在每个下拉列表的上返回所选值

---

您应该在

$（document）.ready（function（）{}}）

函数中包含上述js。

由于是动态创建的，因此您可能需要委托事件

  <select class="form-control" id="sel1" name="dropdwn">
    <option value="'.$r['2'].'">'.$r['2'].'</option>
    <option value="'.$r['3'].'">'.$r['3'].'</option>
    <option value="'.$r['4'].'">'.$r['4'].'</option>
    <option value="'.$r['5'].'">'.$r['5'].'</option>
    <option value="'.$r['6'].'">'.$r['6'].'</option>
    <option value="'.$r['7'].'">'.$r['7'].'</option>
    <option value="'.$r['8'].'">'.$r['8'].'</option>
  </select>

$(document).on("change",'select[name="dropdown"]', function(){
 alert($(this).val())
});

---

你说的整个查询是什么意思？兄弟，它不工作，甚至警报也不工作，请帮助我。。。。。。。。我的全部代码都在里面，而你可以提供你的代码样本。这样我才能理解你的下拉列表是如何创建的。你在html中包含jquery js链接了吗？是的。如果您在html中使用jquery。你应该。此外，我只向他提供了一个示例代码。

$('.dropdown').on('change', function(){
var selectedVal = $(this).val(); // this will return selected dropdown value
alert(selectedVal);
});

$('select[name="dropdown"]').each(function(){
 console.log($(this).val())
});

$(document).on("change",'select[name="dropdown"]', function(){
 alert($(this).val())
});