Question

我在网页上有一张桌子。我想使用cookie在输入字段中保存信息。一世。即我想重新打开我的网页，查看上一个开放网页的数据。

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>

Answer 1

您可以使用jQuery Cookie设置和检索Cookie的内容。

使用$.cookie.json = true可以存储JSON数据。

Answer 2

代码：

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

当然，编辑您的用法代码:)，它唯一的演示。

如何使用cookie在输入标签中保存信息

2 个答案: