javascript - 从选择列表数组中获取jQuery中的选择列表ID和值

我有一个如下的HTML结构：

<?php foreach($active_brand as $brand) { ?>
 <select name="selector" id="selector">
    <?php foreach($options as $option) { ?>
        <option <?php if($brand['State'] == $option) { ?>selected="selected"<?php } ?> value="<?=$brand['id']?>"><?php echo $option; ?></option>
    <?php } ?>
</select>
<?php } ?>

这基本上让我说了10个选择列表...现在，我需要从选择列表中的选定项目中获取每个值...

我尝试了以下方法：

   $('#selector').text();
    $('#selector').change(function() {
        alert($(this).val());
    });

但是，只要我从任何选择列表中选择任何东西，什么都不会发生……有人可以帮我吗？

最佳答案

添加班级以选择列表；

<?php foreach($active_brand as $brand) { ?>
 <select class="my-select" name="selector" id="selector">
    <?php foreach($options as $option) { ?>
        <option <?php if($brand['State'] == $option) { ?>selected="selected"<?php } ?> value="<?=$brand['id']?>"><?php echo $option; ?></option>
    <?php } ?>
 </select>
<?php } ?>

从类名称创建更改事件：

 $('.my-select').change(function() {
        alert($(this).val());
        alert($(this).find("option:selected").text()); // to get text of selected option
 });

关于javascript - 从选择列表数组中获取jQuery中的选择列表ID和值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/37610709/