[英]Allow null values while keeping input values after submission
我在表單中有幾個可選的輸入字段。 我想在提交后保留他們的輸入值。
我正在閱讀這個JS 輸入類型日期字段,在表單提交后保持選擇的值,但由於輸入字段都是可選的,我收到錯誤, can not set property value of null
。
<form class="cat_select" onsubmit="setCate()">
<input class="l2" name="l2" id="l2" type="text" style="width:30%">
<input class="l3" name="l3" id="l3" type="text" style="width:50%">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit" id="cat_submit">Submit</button>
</form>
function setCate(){
var l2 = document.getElementById('l2').value;
var l3 = document.getElementById('l3').value;
}
function getl2(){
if (localStorage.getItem("user_selected_l2") !== null) {
return localStorage.getItem("user_selected_l2");
}
}
function getl3(){
if (localStorage.getItem("user_selected_l3") !== null) {
return localStorage.getItem("user_selected_l3");
}
}
//seems that can't set these as null
document.getElementById('l2').value=getl2();
document.getElementById('l3').value=getl3();
您可以使用條件三元將 null 替換為空字符串:
document.getElementById('l2').value = getl2()? getl2() : '';
document.getElementById('l3').value = getl3()? getl3() : '';
或者您可以使用相同的邏輯返回一個空字符串而不是 null:
function getl3(){
if (localStorage.getItem("user_selected_l3") !== null) {
return localStorage.getItem("user_selected_l3")?
localStorage.getItem("user_selected_l3") : '';
}
}
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.