0

Web ページにテーブルがあります。cookie を使用して入力のフィールドに情報を保存したい。つまり、自分の Web ページを再度開いて、最後に開いた Web ページのデータを表示したいと考えています。

HTML

                    <table class="table table-striped" id="table-visual-features">
                        <thead>
                            <tr>
                                <th>Visual Feature</th>
                                <th>Step</th>
                                <th>Output</th>
                                <th>Data Feature</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr><td>x</td> 
                                <td><select><option>first</option></select></td>
                                <td><select><option>output</option></select></td>
                                <td><input name="data-feature_x"  id="value0" class = "feature-execution"/></td>
                           </tr>

                            <tr><td>x</td> 
                                <td><select><option>second</option></select></td>
                                <td><select><option>output</option></select></td>
                                <td><input name="data-feature_x"  id="value1" class = "feature-execution"/></td>
                           </tr>



                            <tr><td>x</td> 
                                <td><select><option>third</option></select></td>
                                <td><select><option>output</option></select></td>
                                <td><input name="data-feature_x"  id="value2" class = "feature-execution"/></td>
                           </tr>



                        </tbody>
                    </table>
4

2 に答える 2

0

コード:

var getValue = function(id){
  return document.querySelector('#'+id).value;
};

var saveCookie = function(){
  document.cookie = '';
  document.cookie += 'a='+getValue('value0');
  document.cookie += 'b='+getValue('value1');
  document.cookie += 'c='+getValue('value2');
};

デモ:

http://jsbin.com/IZULuRE/4/edit

もちろん、あなたの使い方に合わせてコードを編集してください:)、唯一のデモです。

于 2013-11-08T11:38:53.000 に答える