Erste Auswahlliste id und Wert in jquery von Array von Auswahllisten

Question

ich eine HTML-Struktur wie folgt haben:

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

Diese im Grunde gibt mir 10 Auswahllisten können sagen ... Jetzt muss ich die jeweils holen Wert aus dem ausgewählten Eintrag in der Auswahlliste ...

ich folgendes versucht:

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

Aber immer, wenn ich etwas von einem der Auswahllisten wählen, passiert nichts ... Kann jemand hel p mich aus?

Answer 1

Klasse zur Auswahlliste hinzufügen;

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

erstellen Änderungsereignis von Klassenname:

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