Получение списка выберите идентификатор и значение в JQuery из массива избранных списков

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