Html javascript jquery выберите, щелкните опцию и загрузите
Я хочу загрузить значение параметра в div>. Приведенный ниже код можно успешно запустить.
<select onchange = "location.assign = this.options[this.selectedIndex].value;">
<option>Please select</option>
<option value = "page1.html">page1</option>
<option value = "page2.html">page2</option>
<option value = "page3.html">page3</option>
</select>
<div id = "load_page"></div>
Как я могу загрузить страницу внутри div Благодарю.
обновил вопрос. Благодарность
—
22.05.2018 08:55
Загрузите код
—
22.05.2018 08:56
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
3
59
2
Перейти к ответу
Данный вопрос помечен как решенный
Ответы 2
Ответ принят как подходящий
С jQuery вы можете использовать $ .load ():
$(function() {
var page = $('#load_page');
$('#pages').on('change', function(e) {
var option = $(this).find('option:selected');
if (0 === option.index()) {
page.text('Oops');
} else {
page.text('Loading ' + option.val());
page.load(option.val());
}
});
});<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id = "pages">
<option>Please select</option>
<option value = "page1.html">page1</option>
<option value = "page2.html">page2</option>
<option value = "page3.html">page3</option>
</select>
<div id = "load_page"></div>Только с iframe и js:
document.getElementById('pages').onchange = function(e) {
document.getElementById('load_page').src = this.options[this.selectedIndex].value;
};<select id = "pages">
<option value = "">Please select</option>
<option value = "page1.html">page1</option>
<option value = "page2.html">page2</option>
<option value = "page3.html">page3</option>
</select>
<iframe id = "load_page"></iframe>Это работает! Огромное спасибо!
—
24.05.2018 04:58
Вы можете использовать метод jquery load(). Метод load () загружает данные с сервера и помещает возвращенные данные в выбранный элемент.
$(document).ready( function() {
$("select").on("change", function() {
if ($("select option:selected").index() > 0) {
console.info("cannot load");
} else {
$("#load_page").load($('option').val());
}
});
});
Другие вопросы по теме
Получение значений динамически добавляемых флажков в jquery
Angular - добавлять события в флажки
Сделайте серию раскрывающихся списков нефункционирующими после выбора элементов в каждом раскрывающемся списке и нажатия кнопки "Применить"
Как повторно инициировать параметры выбора при событии onDropdownOpen
Автоматическое создание пространства в почтовых индексах великобритании с помощью jquery
Как получить элемент из DOM и установить событие onclick?
В поле выбора необходимо сосредоточить внимание на первом элементе поля поиска (множественный выбор)
Переполнение динамических строк таблицы внутри таблицы
Почему мой toggleclass не работает в режиме адаптивного дизайна firefox?
Как динамически изменять положение всплывающего окна Bootstrap?
Похожие вопросы
Отсоединить встроенный js в drupal 7
Полиморфизм функционального программирования
Как перезагрузить верхний и нижний колонтитулы в MS Word с помощью officejs api
Получение значений динамически добавляемых флажков в jquery
Javascript: getFullYear () возвращает отрицательные значения в IE 11
Angular - добавлять события в флажки
Сделайте серию раскрывающихся списков нефункционирующими после выбора элементов в каждом раскрывающемся списке и нажатия кнопки "Применить"
Не удается найти переменную "SSL" javascript
Можно ли заблокировать установку определенного файла cookie с помощью javascript?
Использование метода поиска в Javascript для сложения чисел
чего ты пытаешься достичь?