我不知道你有什么問(wèn)題;) 肯定可以做到！是JAVASCRIPT?。?！一切皆有可能——甚至可能不會(huì)一直感覺(jué)飽滿。這將解決問(wèn)題。但可以肯定的是，這既不優(yōu)雅也不建議。只是為了好玩。
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
</head>
<body>
<select id="select-options-beneficiaries" aria-describedby="selector2" onchange="silly();">
<option selected value="Jhon Doe">Jhon Doe</option>
<option value="Jane Doe">Jane Doe</option>
<option value="New Beneficiary">New Beneficiary</option>
</select>
<br><br>
<textarea id="x" style="width:800px; height:200px;"></textarea>
<script>
function silly() {
value = document.getElementById("select-options-beneficiaries").value;
console.log(value);
options = document.getElementById("select-options-beneficiaries").childNodes;
var HTML = '<select id="select-options-beneficiaries" aria-describedby="selector2">\n';
for (i = 0; i < options.length; i++) {
var o = options[i].outerHTML;
if (o) {
var test = 'value="' + value + '"';
var x = o.indexOf(test);
o = o.replace(' selected=""', '');
if (o.indexOf(test) > -1) {
o = o.replace('value="', 'selected ' + 'value="');
}
HTML = HTML + o + "\n"
}
}
HTML = HTML + "</select>"
sessionStorage.setItem('htmlBeneficiariesData', HTML);
document.getElementById("x").value=sessionStorage.getItem('htmlBeneficiariesData');
}
silly();
</script>
</body>
</html>
如果你想使用你的代碼，這里也可以在你的 html 添加一個(gè)腳本之后，然后再保存選擇
value = document.getElementById("select-options-beneficiaries").value;
現(xiàn)在作為字符串添加到你的innerHTML這個(gè)
'<script>document.getElementById("select-options-beneficiaries").value="'+value+'";</script>\n"
您首先將首先使用錯(cuò)誤的設(shè)置抽取 html，然后通過(guò)這段代碼進(jìn)行更正。
正常的方法只是存儲(chǔ)所有表單值并通過(guò)保存的數(shù)據(jù)重新創(chuàng)建所有表單值。通常存儲(chǔ)為 json 對(duì)象，稍后由 javascript 應(yīng)用。
例如，這里會(huì)將您的整個(gè)表單放入一個(gè) URL 對(duì)象中。我將它用于 POST 請(qǐng)求以傳輸表單數(shù)據(jù)。使用 decodeURIComponent，您將取回值并將它們?nèi)繎?yīng)用到您的表單中?；蛘吒鶕?jù)您的需要更改 decodeURIComponent 部分。
function serialize(form) {
if (!form || form.nodeName !== "FORM") {
return;
}
var i, j, q = [];
for (i = form.elements.length - 1; i >= 0; i = i - 1) {
if (form.elements[i].name === "") {
continue;
}
switch (form.elements[i].nodeName) {
case 'INPUT':
switch (form.elements[i].type) {
case 'text':
case 'tel':
case 'email':
case 'hidden':
case 'password':
case 'button':
case 'reset':
case 'submit':
q.push(form.elements[i].name + "=" +
encodeURIComponent(form.elements[i].value));
break;
case 'checkbox':
case 'radio':
if (form.elements[i].checked) {
q.push(form.elements[i].name + "=" +
encodeURIComponent(form.elements[i].value));
}
break;
}
break;
case 'file':
break;
case 'TEXTAREA':
q.push(form.elements[i].name + "=" +
encodeURIComponent(form.elements[i].value));
break;
case 'SELECT':
switch (form.elements[i].type) {
case 'select-one':
q.push(form.elements[i].name + "=" +
encodeURIComponent(form.elements[i].value));
break;
case 'select-multiple':
for (j = form.elements[i].options.length - 1; j >=
0; j = j - 1) {
if (form.elements[i].options[j].selected) {
q.push(form.elements[i].name + "=" +
encodeURIComponent(form.elements[i].options[j].value));
}
}
break;
}
break;
case 'BUTTON':
switch (form.elements[i].type) {
case 'reset':
case 'submit':
case 'button':
q.push(form.elements[i].name + "=" +
encodeURIComponent(form.elements[i].value));
break;
}
break;
}
}
return q.join("&");
}
玩得開心 ：）
