Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: для новичков > Как вывести переменную без перезагрузки?

Автор: Hurray 15.2.2012, 18:37

Есть выпадающий список. Подскажите пожалуйста, как сделать, чтобы выбранное из списка значение без перезагрузки выводилось в другом месте страницы?

Автор: serezhka1986 15.2.2012, 18:47

Если с помощью jQuery, то можно так:
В onchange селекта прописать

Код


    $('div[name="mytext"]').text($('select[name="myvalue"]').val());

Где myvalue - name селекта
mytext - name блока, куда загружаете значение селекта

Автор: Hurray 15.2.2012, 19:16

Так не работает:

Код


<select name='myvalue' onChange="$('div[name="mytext"]').text($('select[name="myvalue"]').val());">
<option selected="selected"  value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>

<div name="mytext"></div>

Что неправильно сделал?

Автор: $дмитрий 15.2.2012, 19:38

Цитата

Что неправильно сделал?

Посмотри внимательно на значение атрибутов и увидишь

Добавлено через 26 секунд
Так должно работать

Код


<select name="myvalue" id="sel">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
</select>
<div id="mytext"></div>
<script>
$(function(){
    $('#sel').change(function(){
        $('#mytext').text($(this).val());
    });
});
</script>

Автор: Hurray 15.2.2012, 20:33

Да, работает. Спасибо.