###前提・実現したいこと
Monaca + OnsenUIを使ってアプリ開発の勉強をしているのですが、ons-navigatorのpostpushの使い方が分かりません。一度設定した項目を次回も維持するため実装したいのですが、知識不足であり公式サイトを見ても理解できませんでした。
###該当のソースコード
HTML
1<!DOCTYPE HTML> 2<html> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 6 <meta http-equiv="Content-Security-Policy" content="default-src * data: gap: content: https://ssl.gstatic.com; style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'"> 7 <script src="components/loader.js"></script> 8 <link rel="stylesheet" href="components/loader.css"> 9 <link rel="stylesheet" href="css/style.css"> 10 <script src="js/app.js"></script> 11 12 <script> 13 function set_range(){ 14 range = document.getElementById('range'); 15 document.getElementById("range_num").innerHTML = range.value + "個"; 16 } 17 setInterval('set_range()',50); 18 </script> 19</head> 20<body> 21<ons-navigator id="nav" page="top.html"></ons-navigator> 22 23<!--top_page--> 24<template id="top.html"> 25<ons-page> 26 27<ons-toolbar> 28 <div class="center">top</div> 29</ons-toolbar> 30 31<ons-button onclick="document.getElementById('nav').pushPage('set.html'),Mypush()">push page</ons-button> 32</ons-page> 33</template> 34 35<!--set_page--> 36<template id="set.html"> 37<ons-page> 38 39<ons-toolbar> 40 <div class="center">設定</div> 41 <ons-back-button onclick="document.getElementById('nav').popPage(),Mypop()">Back</ons-back-button> 42</ons-toolbar> 43 44<ons-list> 45 <ons-list-header>設定項目1</ons-list-header> 46 <!-- targetの数 --> 47 <ons-list-item> 48 <ons-row> 49 <ons-col width="40px" style="text-align: center; line-height: 31px;"> 50 1 51 </ons-col> 52 <ons-col> 53 <ons-range id="range" value="3" style="width: 100%;" type="range" min="1" max="10"></ons-range> 54 </ons-col> 55 <ons-col width="40px" style="text-align: center; line-height: 31px;"> 56 10 57 </ons-col> 58 </ons-row> 59 <h4 id="range_num"></h4> 60 </ons-list-item> 61 </ons-list> 62</ons-page> 63</template> 64</body> 65</html> 66
上記のソースでtop.htmlからset.htmlに画面遷移した際に、prepushにより画面の読み込み後、以下のプログラムを実行しrangeの値を変更したいです。
JS
1var element = document.getElementById("range"); 2element.setAttribute("value",7); //rangeのvalueの値を7に変更
###試したこと
ネットで調べてみたのですが、情報が古いものしかなく理解できませんでした。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。