javascript - 调用另一个 html 页面后,选择列表值不会保持不变

标签 javascript jquery html html.dropdownlistfor

看到我有一个表单,其中包含选择下拉列表和 2 个文本框。在一个文本框中单击选项,我将转到包含联系人列表的页面。我正在附加该页面中的值,然后再次返回到我的旧页面。因此,在此之后,无论我在下拉选择列表中更改的值如何,在其更改为默认值 1 之前。它不会与之前保持相同。下面是我的代码。 这是我的 html 表单。

   <body onload="main();">
        <select id="privacy" onchange="getPri(this)">
                    <option value="1" >1</option>
                    <option value="2" >2</option>
                  </select>
                  <input type="text" value="choose contacts" id="to" onClick="window.location='contact.html';">
                  </input>

这是我的js

函数 getPri(sel) { var 值 = sel.value;

if(value=="2")
{ 

$("#to").show();
}
else
{
 $("#to").hide();

}}

在 contact.html 中,我有联系人列表,我正在附加其中的联系人之一,并将其​​附加到具有 id 的同一文本框。

 function main()
              {
    var contact = "";
              if ( sessionStorage.getItem("contact") ) {
              contact = sessionStorage.getItem("contact");

              $("#to").val(postneedcontact);
}      

现在的问题是假设我选择了值 2,然后联系人文本框将显示。现在单击此后我可以附加此值并且一切正常。问题是我现在选择的值已更改再次 1.我希望它将它设置为我之前选择的 2,因为如果选择 1,那么联系人文本框将隐藏,如代码中所示。那么对此有什么解决方案吗?

最佳答案

假设联系人是新页面,为什么不尝试将选择框选择值保存到某些存储中?

关于javascript - 调用另一个 html 页面后,选择列表值不会保持不变,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27210061/

相关文章:

javascript - 由于 .done 回调,JQuery ajax 成功触发了两次

jquery - 在视口(viewport)内向 div 添加类

html - 上下滚动激活时网页移动

html - 为什么我的 <nav> 元素忽略边距规则?

javascript - 使用 Vuejs 求两个数字之和的按钮函数

javascript - 获取parentNode 的(.....) 子节点的所有子节点

javascript - 从机器人中隐藏 URL 的方法(类似于 tripadvisor.com)

javascript - 我确定代码是正确的但不起作用? JavaScript、Croppie JS、PHP、jQuery

Jquery UI autocomplete demo - categories, 如何在类别名称正上方添加边框?

javascript - 复制未转换的文本时替换文本中的字母