Javascript-форум (https://javascript.ru/forum/)
-   Events/DOM/Window (https://javascript.ru/forum/events/)
-   -   Как вывести значение выбранного селекта в блок? (https://javascript.ru/forum/events/41308-kak-vyvesti-znachenie-vybrannogo-selekta-v-blok.html)

And5 08.09.2013 02:49

Как вывести значение выбранного селекта в блок?
 
Всем доброго времени суток! Есть селект такого вида:
<select id="id3" name="option[230]" class="select-menu">
<option value="21" points="0" price_prefix="+" price="0.0000">1																</option>
<option value="22" points="0" price_prefix="+" price="1000.0000">2																
(+1000.00 р.)      
</option>
<option value="23" points="0" price_prefix="+" price="2000.0000">3																
(+2000.00 р.)      
</option>
<option value="24" points="0" price_prefix="+" price="3000.0000">4																
(+3000.00 р.)     
</option>
</select>

Нужно вывести значение выбранного опшн, например 3(+2000.00 р.) в другой блок. Как определить? Как сделать? Опшн выбирается скриптом.:help: плииз!

danik.js 08.09.2013 06:46

// var select = ??? , короче селект должен быть определен
var selectedOption = select.selectedOption;
alert(selectedOption.innerHTML);

And5 10.09.2013 19:47

Цитата:

Сообщение от danik.js (Сообщение 271361)
var selectedOption = select.selectedOption;
alert(selectedOption.innerHTML);

<p id="selectedOption"></p>
<script type="text/javascript">
var selectedOption = select.selectedOption;
alert(selectedOption.innerHTML);
</script>

Так? Не выводит ничего:cray: .

danik.js 10.09.2013 20:06

var selectedOption = document.getElementById('id3').selectedOption;
document.getElementById('selectedOption').innerHTML = selectedOption.innerHTML;

And5 10.09.2013 20:16

Ошибка: Uncaught TypeError: Cannot read property 'innerHTML' of undefined

And5 10.09.2013 20:17

Там jquery подключен

danik.js 10.09.2013 20:38

Тьфу блин.
var selectedOption = document.getElementById('id3').selectedOptions[0];
document.getElementById('selectedOption').innerHTML = selectedOption.innerHTML;

And5 10.09.2013 20:47

результат:undefined
но ошибка пропала

danik.js 10.09.2013 20:49

Ну мож тогда
selectedOption.innerText || selectedOption.textContent || ''

Хотя проще функцию из библиотеки jQuery использовать:

$(selectedOption).text()

And5 10.09.2013 21:00

И как в итоге, чет не соображу


Часовой пояс GMT +3, время: 01:37.