Можно ли получить значение выбранного option из select вставленного в документ с помощью append

276
25 апреля 2017, 07:28

Есть select, с помощью jquery по клику на один из пунктов option добавляю в документ еще один select. Делаю так.

     $('#select-currence').append(
           '<select class="information-select" id="information-select-
                                                         currence">' +
                '<option value="0">Выберите валюту</option>' +
                '<option value="1">€</option>' +
                '<option value="2">₽</option>' +
            '</select>' 

        );

Можно ли теперь так же, добавить по клику на один из option еще один select в документ? у меня не работает аналогично делая.

Тут пытался вывести значение value просто по клику на option 

 $('#information-select-currence').on('change', function(e){
   var a = e.target.value;
   console.log(a);
});
Answer 1

Убедиться что id у вас генерируются уникальными.Я Бы посоветовал вообще их убрать и вместо использовать классы.

Для получения добавленных объектов надо заново считывать DOM obj

А в callback функции this указывает на данный элемент.Пользуйтесь им.

Привожу рабочий вариант:

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script>
</script>
</head>
<body>
<div id='select-currence'></div>
<script>
    $('#select-currence').append(
           '<select class="information-select" id="information-select-currence">' +
                '<option value="0">Выберите валюту</option>' +
                '<option value="1">€</option>' +
                '<option value="2">₽</option>' +
            '</select>' 

        );
$(document).find('.information-select').on('change',function(){
    alert( $(this).val())
});
</script>
</body>
</html>
READ ALSO
Как опустить сайдбар под контент?
CSS

Как опустить сайдбар под контент?

ЗдравствуйтеЕсть такая простенькая тема WP https://wp-themes

 355
Ссылка на динамической странице
CSS

Ссылка на динамической странице

Есть страница

 339
пустой блок для замены на изображение
CSS

пустой блок для замены на изображение

здравствуйте, как зная параметры изображения (php getimagesize) задать div'y в котором расположено изображения, такую же высоту как будет у изображения?...

 294
Как убрать отступ при скроллинге?
CSS

Как убрать отступ при скроллинге?

Проблема в "header"Из-за position fixed у "sidebar", при скроллинге остается отступ:

 275