Question

С вызовом функции исчезает элемент select, хотя на лок сервере все работает
в общих настройках jquery-1.10.2.js
может есть ограничения на функцию append

<script>
function func1(){
var arr = [
 {val : 1, text: 'One'},
 {val : 2, text: 'Two'},
 {val : 3, text: 'Three'}
];
var sel = $('#my_select').appendTo('body');
$(arr).each(function() {
sel.append($("<option>").attr('value',this.val).text(this.text));
});
};
</script>

<button onclick="func1()" type="submit">Кнопка</button>
<select id="my_select"><option>123</option></select>

 

 

Answer 1

Если у вас на странице уже есть select

<select id="my_select"><option>123</option></select>

то зачем вы добавляете его в dom снова да еще и с тем же id? Хотя тут даже не знаю что вы имели в виду...

$('#my_select').appendTo('body');

Исходя из вышеописанного

<script>
function func1(){

    var arr = [
        {val : 1, text: 'One'},
        {val : 2, text: 'Two'},
        {val : 3, text: 'Three'}
    ];

    $(arr).each(function() {
        $('#my_select').append('<option value="' + this.val + '">' + this.text + '</option>');
    });

};
</script>

 

Comments

спасибо за ответ
я разобрался отчасти
javascript
.appendTo('.my_div');
html
<div class="my_div">