下記でテキスト入力欄に「123456」という文字が入力されます。
javascript
1 2<input type="text" id="value6" name="idpass" value=""/> 3<script> 4var Values = '123456'; 5 $("[name='idpass']").val(Values); 6</script> 7
一方、下記のjavascriptでは
indexedDBから「result.innerHTML = event.target.result.myvalue + "";」
という形で拾ってきた文字 (=「'PASSW2'」に対する結果(keyValue)) が
javascript
1<script type="text/javascript" src="../js/jquery.js"></script> 2<script> 3 4var dbName = 'mydb'; 5 6var openReq = indexedDB.open(dbName); 7// DB名を指定して接続。DBがなければ新規作成される。 8 9 openReq.onupgradeneeded = function(event){ 10 //onupgradeneededは、DBのバージョン更新(DBの新規作成も含む)時のみ実行 11 console.log('db upgrade'); 12 } 13 openReq.onsuccess = function(event){ 14 //onupgradeneededの後に実行。更新がない場合はこれだけ実行 15 console.log('db open success'); 16 var db = event.target.result; 17 // 接続を解除する 18 db.close(); 19 } 20 openReq.onerror = function(event){ 21 // 接続に失敗 22 console.log('db open error'); 23 } 24 25var storeName = 'mystore'; 26 27var openReq = indexedDB.open(dbName, dbVersion); 28// オブジェクトストアの作成・削除はDBの更新時しかできないので、バージョンを指定して更新 29 30 openReq.onupgradeneeded = function(event){ 31 var db = event.target.result; 32 db.createObjectStore('storeName', {keyPath : 'id'}) 33 } 34 35var dbVersion; 36openReq.onsuccess = function(event){ 37 var db = event.target.result; 38 dbVersion = db.version; 39} 40 41var keyValue = 'PASSW2'; 42 43var openReq = indexedDB.open(dbName); 44 45 openReq.onsuccess = function(event){ 46 var db = event.target.result; 47 var trans = db.transaction(storeName, 'readonly'); 48 var store = trans.objectStore(storeName); 49 var getReq = store.get(keyValue); 50 51 getReq.onsuccess = function(event){ 52 53 result.innerHTML = event.target.result.myvalue + ""; 54 55 } 56 } 57</script> 58 59<BR> 60 61 <div id="result"></div>
やりたいこと。
<input type="text" id="value6" name="idpass" value=""/>のvalue欄に、<div id="result"></div> で取得される文字を、そのまま入れたいというのが趣旨です。
【試したこと】
下記では入りませんでした。
javascript
1<input type="text" id="value6" name="idpass" value=""/> 2<script> 3 idpass.value = result.innerHTML; 4</script>
このような機会は多くあると思うのですが、WEBを検索してもなかなか出てきません。
方法についてご教示いただきたくお願いいたします。
回答4件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/01/03 12:36