Question

我有一个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());
    });

但每当我从任何选择列表中选择任何内容时，都没有任何反应......有人可以帮助我吗？

Answer 1

添加课程以选择列表;

<?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
 });

从选择列表数组中获取jquery中的选择列表ID和值

1 个答案: