我正在尝试使用选定的值和所有值保存一些 html 结构。
<select id="select-options-beneficiaries" aria-describedby="selector2">
<option selected value="Jhon Doe">Jhon Doe</option>
<option value="Jane Doe">Jane Doe</option>
<option value="New Beneficiary">New Beneficiary</option>
</select>
我正在像这样保存这块块:
var htmlBeneficiariesData = document.getElementById('select-options-beneficiaries').innerHTML;
sessionStorage.setItem('htmlBeneficiariesData', htmlBeneficiariesData);
现在,当我尝试检索信息并将其添加到前面时,它不会保存选定的值或保存在输入中的值。
var sessionBeneficiariesData = sessionStorage.getItem('htmlBeneficiariesData');
$('#plan-beneficiaries-container').prepend(sessionBeneficiariesData);
有没有办法保存 HTML 结构,包括选定的值和输入?
为什么我需要这样做?嗯,例如 html 是使用 JS 创建的,所以当一个按钮被点击时,它会像上面那样创建新的 HTML。
因此,每次单击按钮时,都会生成一个新的选择和输入。把JS生成的字段中的信息全部填完后,进入下一页,然后当你尝试返回时,信息(HTML和值)丢失了(因为它是通过单击生成的按钮)以及为什么这样做?为什么我不能改变它?因为 UX 团队是这样设计的。
Helenr
浮云间
相关分类