Javascript помнит выбранное значение параметра из выпадающего меню

Выполнение небольшого исследования Теперь я знаю, что мне нужно написать cookie выбранного параметра. затем прочитайте файл cookie, чтобы получить значение.Javascript помнит выбранное значение параметра из выпадающего меню

Я нашел подобный вопрос, но не мог понять, как реализовать код от ответа

Link to question

<html> 
<head> 
<title>dropdown remember selection test</title> 
</head> 
<body> 

<iframe id="stream_iframe" marginwidth="0" marginheight="0" width="854" height="480" scrolling="no" allowtransparency="true" frameborder="0" framespacing="0" name="stream_iframe" src="http://vaughnlive.tv/embed/video/moviebay"></iframe> 

<form> 
<select name="options" onchange="document.getElementById('stream_iframe').src = this.options[this.selectedIndex].value"> 
<option>SELECT STREAM 
<option value="https://streamup.com/rooms/jumanjijoes-Channel/plugins/video/show?startMuted=false">Jumanjijoe</option> 
<option value="http://vaughnlive.tv/embed/video/whenlinkattacks">Whenlinkattacks</option> 
<option value="https://streamup.com/rooms/docblus-Channel/plugins/video/show?startMuted=false">Docblu</option> 
<option value="http://vaughnlive.tv/embed/video/karenwaifu">Karenmaiwaifu</option> 
<option value="http://vaughnlive.tv/embed/video/ninjatart">Nightsanity</option> 
<option value="http://vaughnlive.tv/embed/video/frightfest0001">Frightfest0001</option> 
<option value="http://vaughnlive.tv/embed/video/anime_hq">Anime HQ</option> 
<option value="http://vaughnlive.tv/embed/video/moviebay">MovieBay</option> 
<option value="http://vaughnlive.tv/embed/video/freakyfetish101">Horror Movie</option> 
<option value="http://vaughnlive.tv//embed/video/111aaacharkmovies">111aaacharkmovies </option> 
</select> 
</form> 

</body> 
</html>

мне удалось создать выпадающее меню, которое изменит IFrame SRC. Мне просто нужно запомнить, что они выбирают при обновлении или выходе браузера.

источник

2015-10-14 Yami

Для этого, когда пользователь выбирает значение, сохраняет значение в локальном/или сеансовом хранилище вашего браузера, а когда пользователь снова открывает, проверьте, имеет ли значение локальное хранилище значение или нет, если да выбирает значение с помощью jquery.

// Store 
localStorage.setItem("lastname", "Smith"); 
// Retrieve 
document.getElementById("result").innerHTML = localStorage.getItem("lastname");

Вы можете увидеть, как использовать локальное хранилище на W3Schools: http://www.w3schools.com/html/html5_webstorage.asp

Отредактировано:

Найти полный код здесь

<iframe id="stream_iframe" marginwidth="0" marginheight="0" width="854" height="480" scrolling="no" allowtransparency="true" frameborder="0" framespacing="0" name="stream_iframe" src="http://vaughnlive.tv/embed/video/moviebay"></iframe> 

<form> 
<select name="options" onchange="callMe(this);" id="selectMovie"> 
<option>SELECT STREAM 
<option value="https://streamup.com/rooms/jumanjijoes-Channel/plugins/video/show?startMuted=false">Jumanjijoe</option> 
<option value="http://vaughnlive.tv/embed/video/whenlinkattacks">Whenlinkattacks</option> 
<option value="https://streamup.com/rooms/docblus-Channel/plugins/video/show?startMuted=false">Docblu</option> 
<option value="http://vaughnlive.tv/embed/video/karenwaifu">Karenmaiwaifu</option> 
<option value="http://vaughnlive.tv/embed/video/ninjatart">Nightsanity</option> 
<option value="http://vaughnlive.tv/embed/video/frightfest0001">Frightfest0001</option> 
<option value="http://vaughnlive.tv/embed/video/anime_hq">Anime HQ</option> 
<option value="http://vaughnlive.tv/embed/video/moviebay">MovieBay</option> 
<option value="http://vaughnlive.tv/embed/video/freakyfetish101">Horror Movie</option> 
<option value="http://vaughnlive.tv//embed/video/111aaacharkmovies">111aaacharkmovies </option> 
</select> 
</form> 
<script> 
function callMe(obj){ 
localStorage.setItem("selectedStream",obj.options[obj.selectedIndex].value); 
document.getElementById('stream_iframe').src = obj.options[obj.selectedIndex].value; 
} 
document.getElementById("stream_iframe").src = localStorage.getItem("selectedStream"); 
document.getElementById("selectMovie").value = ""+localStorage.getItem("selectedStream")+""; 
</script>

источник

2015-10-14 08:50:47 amitguptageek

Я знаю, что я должен хранить значения проблемы является Я не знаю, как с формой было бы что-то вроде этого? // Магазин localStorage.setItem ("selectedStream", "value"); // Retrieve document.getElementById ("stream_iframe"). InnerHTML = localStorage.getItem ("selectedStream"); – Yami

Я haved добавил полный код. Скопируйте его в html-файл и запустите его в браузере. – amitguptageek

Спасибо, посмотрев код, я понимаю, теперь лучше спасибо. src становится null при первом запуске, хотя. – Yami

Javascript помнит выбранное значение параметра из выпадающего меню

ответ

Смежные вопросы