【问题标题】:Dropdown values lost after page reload ,页面重新加载后下拉值丢失,
【发布时间】:2017-12-05 16:56:46
【问题描述】:

通过ajax向服务器发送值的Javascript代码

在我的代码中,不同的易受攻击名称的状态值可能不同。

在不同选项中选择一个状态值时,通过ajax向服务器发送值将其存储在数据库中,但是刷新网页后,所选值丢失,即使在页面重新加载后我也想看到最后选择的选项值,

请访问示例图片链接一次。 sample Image

< script >
  function statusval(value, vulname, vul_id) {
    var sv = value;
    var vn = vulname;
    var vi = vul_id;
    if (window.XMLHttpRequest) {
      xmlhttp = new XMLHttpRequest();
    } else { // code for IE6, IE5
      xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    var data = "s_name=" + sv + "&v_name=" + vn + "&v_id=" + vi;
    xmlhttp.open("POST", "status.php", true);
    xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
    xmlhttp.send(data);
  } <
  /script>
<form method='post' action='status.php' id='status'>
  <select name='status' id='status' onchange='statusval(this.value,\"$_vulname\",\"$_vul_id\")'>
   <option value=''>Status</option>
  <option value='Open'>Open</option>
  <option value='closed'>Closed</option>
  <option value='Partially Fixed'>Partially Fixed</option>
</select>
  <input type='hidden' name='vulname' value='$_vulname' id='vulname'>
  <input type='hidden' name='vul_id' value='$_vul_id' id='vul_id'>
</form>

【问题讨论】:

  • 开发者点击后可以看到网页图片(在此处输入图片描述)就在代码上方。
  • 您的个人资料不就是“Web 开发人员”吗?抱歉,我不知道你在问什么。
  • 重新加载网页时下拉值丢失,如何保留下拉选择的值?
  • 如果您想在下拉列表中保留选定的选项,那么必须发生两件事。首先,您必须将该选择保存在某处,例如在会话或数据库中。其次,您必须在 PHP 中加载该值,您如何保存它,同时决定如何加载它。
  • 我没听懂,你能给我举个例子吗?

标签: javascript php html ajax dropdown


【解决方案1】:

我假设您能够与$_vulname$_vul_id 一起从数据库中检索状态。假设您将值存储在$_status 中。然后您可以简单地检查每个选项,如果状态与值匹配并设置selected 属性:

<option value=''>Status</option>
<option value='Open'" . (($_status === 'Open') ? ' selected' : '') . ">Open</option>
<option value='closed'" . (($_status === 'closed') ? ' selected' : '') . ">Closed</option>

【讨论】:

  • tnku 非常好 :) 效果很好哇 :)) 惊人的在几个小时内得到了回复 tnku @masterfloda。
猜你喜欢
  • 2014-04-12
  • 1970-01-01
  • 2021-06-12
  • 1970-01-01
  • 1970-01-01
  • 2019-05-14
  • 2015-11-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多